feat: some cleanup after lyonjs 100 (#499)

Author: Slashgear

app/lyonjs-100/content.mdx

@@ -20,11 +20,9 @@ Nous sommes ravis d'annoncer que pour célébrer notre 100ème événement, Lyon
 
 Nous ne pouvions pas laisser passer cette occasion spéciale sans marquer le coup, c'est pourquoi nous avons prévu une journée entière de conférences, de rencontres et de célébrations pour célébrer ça ensemble.
 
-Pour se faire nous avons privatisez une **salle de cinéma pour l'occasion**, de quoi vous offrir un cadre agréable pour une journée rythmée par des talks de qualité.
+Pour se faire nous avons privatisé une **salle de cinéma pour l'occasion**, de quoi vous offrir un cadre agréable pour une journée rythmée par des talks de qualité.
 Un bon petit déjeuner pour commencer la journée et un buffet pour le déjeuner dans une zone du cinéma réservée pour l'occasion.
 
-Nous allons donc ouvrir la billetterie le <time dateTime="2024-12-06T09:00">6 décembre 2024</time>, alors assurez-vous de réserver votre place dès que possible, car les places seront limitées à **100**!
-
 ## En résumé
 
 - **📅 Date** : 21 février 2025
@@ -41,16 +39,6 @@ Le programme complet de la journée est disponible ci-dessous.
   </ButtonLink>
 </div>
 
-## Billetterie
-
-La billeterie ouvrira le 6 décembre 2024 à 9h00. Les places seront limitées à 100 avec un prix de vente fixé à 40€, alors assurez-vous de réserver la vôtre dès que possible.
-
-<div className={styles.cta}>
-  <ButtonLink href="https://www.helloasso.com/associations/lyonjs/evenements/lyon-js-100">
-    Je prends ma place ! <span aria-hidden="true">&rarr;</span>
-  </ButtonLink>
-</div>
-
 ## Sponsors
 
 Un grand merci à nos sponsors pour leur soutien continu.
@@ -68,10 +56,3 @@ Nos sponsors sont également à la recherche de nouveaux talents, alors n'hésit
 Nos sponsors ont des offres d'emploi à vous proposer. N'hésites pas à les consulter, postuler ou les contacters si vous êtes intéressé·es.
 
 <ListOfJobs jobs={lyonJS100Jobs} />
-
-## Infos
-
-Pour toute question ou demande de sponsoring, veuillez nous contacter à l'adresse suivante : [[email protected]](mailto:[email protected]).
-
-Pour ne rien manquer des dernières nouvelles et mises à jour concernant cet événement, suivez-nous sur nos réseaux sociaux :
-Nous avons hâte de vous voir nombreux et nombreuses pour célébrer ensemble cette étape importante pour LyonJS ! 🌟

app/page.tsx

@@ -15,10 +15,10 @@ export default function Home() {
   return (
     <main>
       <HomeHero />
-      <HomeAnnouncement />
       <NextEvent />
       <SeePastEvents />
       <Numbers />
+      <HomeAnnouncement />
       <LastReplays />
       <Sponsors title="Sponsors" sponsors={sponsors} withLink />
       <Sponsors title="Partneraires et Conférences" sponsors={partners} />

modules/lyonjs100/HomeAnnouncement.module.css

@@ -1,9 +1,3 @@
-.header {
-  position: absolute;
-  top: -6rem;
-  left: 1rem;
-}
-
 .container {
   --image-width: 400px;
 }
@@ -58,10 +52,6 @@
     border-radius: 0.5rem;
   }
 
-  .header {
-    left: calc(var(--image-width) + 1rem);
-  }
-
   .cta {
     justify-content: flex-end;
     right: 5rem;

modules/lyonjs100/HomeAnnouncement.tsx

@@ -2,40 +2,28 @@ import Image from 'next/image';
 import styles from './HomeAnnouncement.module.css';
 import React from 'react';
 import cinema from './cinema.jpg';
-import { Heading } from '../atoms/heading/Heading';
 import { ButtonLink } from '../atoms/button/Button';
-import { Article } from '../home/Home.components';
+import { Article, H2 } from '../home/Home.components';
 
 export function HomeAnnouncement() {
   return (
     <Article>
+      <H2>LyonJS 💯</H2>
       <div
-        className={`flex flex-col grow justify-center rounded-lg p-10 mt-10 ${styles.container}`}
+        className={`flex flex-col grow justify-center rounded-lg p-10 pt-20 mt-10 ${styles.container}`}
         style={{ backgroundColor: 'var(--background-card)', position: 'relative' }}
       >
         <Image className={styles.image} src={cinema} width={350} alt="" />
-        <header className={styles.header}>
-          <Heading Component="h2" appearance="h1">
-            LyonJS 💯
-          </Heading>
-        </header>
         <div className={styles.description}>
-          <p>LyonJS va fêter sa 100ème édition et ses 13 ans.</p>
+          <p>LyonJS a fêté sa 100ème édition et ses 13 ans.</p>
           <p>
             Grâce au support de nombreux sponsors, nous vous avons concocté une conférence d'une journée. On vous
             sélectionne des talks de qualité, des speakers de renom et des surprises!
           </p>
-          <p>
-            100 places mises en vente le <time dateTime="2024-12-06T09:00">6 décembre 2024</time>.
-          </p>
           <p>
             Une journée de conférence dans une salle de cinéma privatisée rien que pour nous et un buffet traiteur le
             midi pour se retrouver et discuter.
           </p>
-          <span>
-            Rendez-vous le <time dateTime="2025-02-21T09:00">21 février 2025</time> à l'
-            <address>UGC de Part Dieu</address>.
-          </span>
           <div>
             <ButtonLink href="/lyonjs-100" variant="secondary">
               Plus d'info
@@ -44,7 +32,7 @@ export function HomeAnnouncement() {
         </div>
         <div className={styles.cta}>
           <ButtonLink href="/lyonjs-100/programme">
-            Découvre le programme ! <span aria-hidden="true">&rarr;</span>
+            Retrouvez le programme ! <span aria-hidden="true">&rarr;</span>
           </ButtonLink>
         </div>
       </div>