From 124e54807d24377d67ce2215449586442bc6552a Mon Sep 17 00:00:00 2001
From: ginifizz <laury@les-tilleuls.coop>
Date: Tue, 24 Dec 2024 00:56:35 +0100
Subject: [PATCH] feat: add register page

---
 .../con/2025/call-for-papers/page.tsx         |   2 +-
 .../[locale]/con/2025/components/HomePage.tsx | 138 +++++++++------
 pwa/app/(con)/[locale]/con/2025/layout.tsx    |   7 +-
 .../con/2025/register/RegisterPage.tsx        | 157 ++++++++++++++++++
 .../(con)/[locale]/con/2025/register/page.tsx |  28 ++++
 pwa/components/con/common/BuyButton.tsx       |   7 +-
 pwa/data/con/2025/prices.ts                   |  55 ++++++
 pwa/i18n/dictionaries/en.json                 |  29 ++++
 pwa/i18n/dictionaries/fr.json                 |  29 ++++
 pwa/types/con.tsx                             |   1 +
 10 files changed, 392 insertions(+), 61 deletions(-)
 create mode 100644 pwa/app/(con)/[locale]/con/2025/register/RegisterPage.tsx
 create mode 100644 pwa/app/(con)/[locale]/con/2025/register/page.tsx
 create mode 100644 pwa/data/con/2025/prices.ts

diff --git a/pwa/app/(con)/[locale]/con/2025/call-for-papers/page.tsx b/pwa/app/(con)/[locale]/con/2025/call-for-papers/page.tsx
index eb24c9e3b..dacbbba17 100644
--- a/pwa/app/(con)/[locale]/con/2025/call-for-papers/page.tsx
+++ b/pwa/app/(con)/[locale]/con/2025/call-for-papers/page.tsx
@@ -20,7 +20,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
     alternates: {
       languages: {
         en: locale === "en" ? undefined : "/con/2025",
-        fr: locale === "fr" ? undefined : "/fr/con/2024",
+        fr: locale === "fr" ? undefined : "/fr/con/2025",
       },
     },
   };
diff --git a/pwa/app/(con)/[locale]/con/2025/components/HomePage.tsx b/pwa/app/(con)/[locale]/con/2025/components/HomePage.tsx
index 232d89a44..e579b54e4 100644
--- a/pwa/app/(con)/[locale]/con/2025/components/HomePage.tsx
+++ b/pwa/app/(con)/[locale]/con/2025/components/HomePage.tsx
@@ -3,19 +3,19 @@ import Button from "components/con/common/Button";
 import SpeakerList from "components/con/speakers/SpeakerList";
 import SectionTitle from "components/con/common/typography/SectionTitle";
 import SectionSubTitle from "components/con/common/typography/SectionSubtitle";
-import Web from "components/con/common/Web";
+import { currentEdition } from "data/con/editions";
 import Wave from "components/con/common/Wave";
 import Venue from "components/con/home/Venue";
-import Image from "next/image";
 import Partners from "components/con/home/Partners";
 import LookingSponsorCard from "components/con/home/LookingSponsorCard";
 import { Partner, Speaker } from "types/con";
 import { useContext } from "react";
 import { LanguageContext } from "contexts/con/LanguageContext";
 import Section from "components/con/home/Section";
-import PictureGallery from "components/con/common/PictureGallery";
+import prices from "data/con/2024/prices";
 import Logo from "./Logo";
-import AfterMovie from "app/con/2024/components/AfterMovie";
+import PricingCard from "components/con/home/Pricing/PricingCard";
+import BuyButton from "components/con/common/BuyButton";
 
 type HomePageProps = {
   speakers: Speaker[];
@@ -43,7 +43,12 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
               {t("2025.subbaseline")}
             </p>
             <div className="flex gap-2">
-              <Button className="pink" to={`/${locale}/con/2024/review`}>
+              {currentEdition === "2025" && (
+                <BuyButton className="mr-2" id="cover">
+                  {t("buy_tickets")}
+                </BuyButton>
+              )}
+              <Button empty to={`/${locale}/con/2024/review`}>
                 {t("2025.previous_edition")}
               </Button>
             </div>
@@ -51,53 +56,15 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
         </div>
         <Wave className="absolute opacity-30 z-0 bottom-0 h-[60vh] right-[7%] top-[63%] -translate-y-1/2" />
       </Section>
-      <Section
-        section="lastYear"
-        className="bg-white z-10 relative pb-10 overflow-y-clip"
-      >
-        <div className="container text-center">
-          <SectionTitle>
-            <Translate translationKey="last_edition.title" />
-          </SectionTitle>
-          <SectionSubTitle>
-            <Translate
-              translationKey="2025.see_review.subtitle"
-              translationParams={{
-                edition: "2024",
-                link: (
-                  <a href={`/${locale}/con/2024/review`} className="link">
-                    {t("2025.see_review.link")}
-                  </a>
-                ),
-              }}
-            />
-          </SectionSubTitle>
-          <PictureGallery
-            className="py-4"
-            link="https://www.flickr.com/photos/194052559@N02/albums/72177720320499314/"
-          >
-            {images.map((image: string) => (
-              <Image
-                className="object-cover"
-                key={image}
-                fill
-                src={image}
-                alt=""
-                sizes="(max-width: 640px) 200px, (max-width: 768px) 240px, (max-width: 1536px) 300px, 400px"
-              />
-            ))}
-          </PictureGallery>
-        </div>
-      </Section>
       <Section
         section="speakers"
-        className="z-10 relative py-4 overflow-x-hidden text-white"
+        className="bg-white z-10 relative py-4 overflow-x-hidden"
       >
         <div className="container text-center">
-          <SectionTitle dark h1>
+          <SectionTitle h1>
             <Translate translationKey="2025.our_speakers.title" />
           </SectionTitle>
-          <SectionSubTitle dark>
+          <SectionSubTitle>
             <Translate
               translationKey="2025.our_speakers.subtitle"
               translationParams={{
@@ -130,15 +97,86 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
           </Button>
         </div>
       </Section>
+      {currentEdition === "2025" && (
+        <Section
+          className="relative py-10 before:bg-grey before:h-[calc(100%-500px)] before:absolute before:left-0 before:bottom-0 before:w-full after:bg-wave2 after:w-[1300px] after:h-[800px] after:absolute after:top-24 after:left-1/2 after:bg-top after:bg-contain after:opacity-50 after:bg-no-repeat after:-translate-x-1/2 after:rotate-6"
+          section="pricing"
+        >
+          <div className="container relative z-10">
+            <SectionTitle dark>
+              <Translate translationKey="pricing.title" />
+            </SectionTitle>
+            <div className="max-w-4xl mx-auto flex flex-row flex-wrap justify-center">
+              {prices.map((price) => (
+                <PricingCard key={price.id} price={price} />
+              ))}
+              <div className="w-full self-center max-w-md mt-10 | lg:pl-10 lg:mt-0 lg:w-1/3">
+                <div className="p-5 dotted-corner flex flex-col items-center text-center bg-blue bg-blue-gradient shadow-md border-blue-dark border-4">
+                  <span className="font-bold text-white leading-tight font-title uppercase lined-center lined-white relative">
+                    {t("pricing.student")}
+                  </span>
+                  <div className="mt-2 text-blue-black/80 font-semibold">
+                    <Translate translationKey="pricing.free_ticket" />
+                  </div>
+                  <Button
+                    size="small"
+                    square
+                    className="white mt-2 mb-5"
+                    to="mailto:events@les-tilleuls.coop"
+                  >
+                    {t("contact_us")}
+                  </Button>
+                  <small className="text-xs text-blue-black/50 font-bold">
+                    *{t("pricing.certificate_needed")}
+                  </small>
+                </div>
+              </div>
+            </div>
+          </div>
+        </Section>
+      )}
+      <Venue subtitle={t("2025.venue.subtitle")} />
+      <Section
+        section="lastYear"
+        className=" z-10 relative pb-10 overflow-y-clip"
+      >
+        <div className="container text-center flex flex-col items-center pt-12">
+          <SectionTitle dark>
+            <Translate translationKey="last_edition.title" />
+          </SectionTitle>
+          <SectionSubTitle dark>
+            <Translate
+              translationKey="2025.see_review.subtitle"
+              translationParams={{
+                edition: "2024",
+                link: (
+                  <a href={`/${locale}/con/2024/review`} className="link">
+                    {t("2025.see_review.link")}
+                  </a>
+                ),
+              }}
+            />
+          </SectionSubTitle>
+          <iframe
+            className="aspect-video w-full max-w-2xl border-white border-8 shadow-2xl"
+            src="https://www.youtube.com/embed/XXj8NCvLuis?si=hWGWKS81UriUkJ3R&amp;controls=0"
+            title="YouTube video player"
+            frameBorder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            referrerPolicy="strict-origin-when-cross-origin"
+            allowFullScreen
+          ></iframe>
+        </div>
+      </Section>
       <Section
         section="missing"
-        className="relative z-10 text-center overflow-y-clip bg-white"
+        className="relative bg-grey z-10 text-center overflow-y-clip"
       >
         <div className="container text-center">
           <SectionTitle>
             <Translate
               translationKey="missing_conferences.title"
-              translationParams={{ edition: "2024" }}
+              translationParams={{ edition: "2025" }}
             />
           </SectionTitle>
           <SectionSubTitle>{t("missing_conferences.subtitle")}</SectionSubTitle>
@@ -151,10 +189,6 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
           </Button>
         </div>
       </Section>
-      <div className="pb-12">
-        <AfterMovie />
-      </div>
-      <Venue subtitle={t("2025.venue.subtitle")} />
       <Section section="sponsorship" className="py-8">
         <div className="container text-center">
           <SectionTitle dark>
diff --git a/pwa/app/(con)/[locale]/con/2025/layout.tsx b/pwa/app/(con)/[locale]/con/2025/layout.tsx
index ea3574699..070089239 100644
--- a/pwa/app/(con)/[locale]/con/2025/layout.tsx
+++ b/pwa/app/(con)/[locale]/con/2025/layout.tsx
@@ -41,12 +41,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 function EditionLayout({ children }: { children: React.ReactNode }) {
   const eventData = getEditionEventData("2025");
   return (
-    <LayoutBase
-      edition="2025"
-      nav={nav}
-      footer={footer}
-      isTicketingOpen={false}
-    >
+    <LayoutBase edition="2025" nav={nav} footer={footer} isTicketingOpen>
       <script
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(eventData) }}
diff --git a/pwa/app/(con)/[locale]/con/2025/register/RegisterPage.tsx b/pwa/app/(con)/[locale]/con/2025/register/RegisterPage.tsx
new file mode 100644
index 000000000..bad241a43
--- /dev/null
+++ b/pwa/app/(con)/[locale]/con/2025/register/RegisterPage.tsx
@@ -0,0 +1,157 @@
+"use client";
+import { useContext } from "react";
+import { LanguageContext } from "contexts/con/LanguageContext";
+import SectionTitle from "components/con/common/typography/SectionTitle";
+import SectionSubTitle from "components/con/common/typography/SectionSubtitle";
+import Script from "next/script";
+import prices from "data/con/2025/prices";
+import { Offer } from "types/con";
+import dayjs from "dayjs";
+import classNames from "classnames";
+import { toLocaleDate } from "utils/con";
+
+export default function RegisterPage() {
+  const { t, Translate, locale, getLocaleDictionary } =
+    useContext(LanguageContext);
+  const timelinePrices = prices
+    .find((p) => p.id === 1)
+    ?.offers.filter((o) => o.type);
+
+  const isActiveOffer = (offer: Offer) => {
+    if (offer.limitDate && dayjs(offer.limitDate).isBefore(dayjs(), "day"))
+      return false;
+    if (offer.startDate && dayjs(offer.startDate).isAfter(dayjs(), "day"))
+      return false;
+    return true;
+  };
+
+    const isPastOffer = (offer: Offer) => {
+      if (isActiveOffer(offer)) return false;
+      if (offer.startDate && dayjs(offer.startDate).isBefore(dayjs(), "day"))
+        return true;
+      return false;
+    };
+
+    const expectations =
+      getLocaleDictionary?.()[2025].tickets.expect.points || [];
+
+  const onIframeLoaded = () => {
+    const iframe = document.getElementById("yurplan-widget-141690") as HTMLIFrameElement | null;
+    if (!iframe) return;
+    const contenu = iframe.contentWindow?.document.body.scrollHeight;
+    iframe.style.height = contenu + "px";
+  }
+
+  return (
+    <>
+      <div className="container max-w-5xl flex flex-col items-center py-12 relative z-10">
+        <SectionTitle small h1 dark lined>
+          <Translate translationKey="2025.tickets.title" />
+        </SectionTitle>
+        <SectionSubTitle dark>{t("2025.tickets.subtitle")}</SectionSubTitle>
+      </div>
+      <div className="after:h-1/3 after:absolute after:w-full after:bg-grey after:bottom-0 after:left-0 relative">
+        <div className="container max-w-6xl relative z-10">
+          <div className="flex flex-col lg:flex-row w-full max-w-6xl items-center lg:items-start">
+            <div className="translate-y-12 relative z-10 w-4/5 lg:w-2/5 max-w-md before:absolute before:w-full before:h-full before:bg-blue before:-translate-x-3 before:-translate-y-3 before:left-0 before:top-0">
+              <img
+                className="relative"
+                src="/images/con/2024/review/pic-06.jpg"
+              />
+            </div>
+            <div className="flex-1 relative bg-white shadow-floating dotted-corner p-12 pt-24 lg:pt-12 lg:pl-24 lg:-translate-x-12 leading-relaxed font-light">
+              <Translate translationKey="2025.tickets.description" />
+              <p className="mt-4 text-lg font-bold">
+                {t("2025.tickets.description2")}
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="bg-grey py-12">
+        <div className="container max-w-6xl">
+          <SectionTitle small lined>
+            <Translate translationKey="2025.tickets.expect.title" />
+          </SectionTitle>
+          <div className="mx-auto max-w-64 sm:max-w-xl grid grid-cols-1 sm:grid-cols-2 xl:max-w-none xl:grid-cols-4 gap-8 text-white">
+            {expectations.map((e, i) => (
+              <div
+                key={i}
+                className={classNames(
+                  "p-8 aspect-square flex flex-col justify-center",
+                  i === 0 && "bg-blue-dark",
+                  i === 1 && "bg-blue-black/80",
+                  i === 2 && "bg-blue-darkest",
+                  i === 3 && "bg-blue-dark"
+                )}
+              >
+                <p className="uppercase font-bold text-xl">{e.title}</p>
+                <p>{e.text}</p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+      <div className="bg-white">
+        <div className="container max-w-4xl py-12">
+          <SectionTitle small lined>
+            <strong>{t("2025.tickets.buy")}</strong>
+          </SectionTitle>
+          <div className="hidden relative w-full gap-0 md:grid grid-cols-3 py-12 overflow-hidden">
+            <div className="absolute w-1.5 h-full left-4 -translate-x-1/2 md:-translate-x-0 top-0 md:h-1.5 md:w-full md:top-1/2 md:left-0 md:-translate-y-1/2 bg-blue-black/30"></div>
+            {timelinePrices?.map((p) => (
+              <div
+                key={p.type}
+                className="relative flex flex-col items-center gap-2"
+              >
+                <div className="ml-8 md:ml-0 whitespace-nowrap absolute left-full md:left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2">
+                  <div
+                    className={classNames(
+                      "font-bold uppercase md:mb-12 text-left md:text-center",
+                      isActiveOffer(p) ? "text-blue" : isPastOffer(p) ? "text-blue-black/30" : "text-blue-black"
+                    )}
+                  >
+                    {p.type}
+                  </div>
+                  <p className={classNames(isPastOffer(p) ? "text-blue-black/30" : "text-blue-black/70")}>
+                    {t("2025.tickets.until_date", {
+                      date: toLocaleDate(p.limitDate as string),
+                    })}
+                  </p>
+                </div>
+                <div
+                  className={classNames(
+                    "relative rounded-full border-4 size-8",
+                    isActiveOffer(p)
+                      ? "border-blue bg-blue before:h-screen before:w-1.5 before:md:w-screen before:absolute before:md:h-1.5 before:bottom-full before:-translate-x-1/2 before:md:-translate-x-0 before:md:right-full before:bg-blue before:left-1/2 before:md:left-auto before:md:top-1/2 before:md:-translate-y-1/2"
+                      : isPastOffer(p) ? "border-blue bg-white z-10" : "border-blue-black/30 bg-white"
+                  )}
+                />
+              </div>
+            ))}
+          </div>
+          <div className="yurplan-widget-container max-w-5xl container pb-40 md:pt-12 -mb-[180px]">
+            <iframe
+              onLoad={() => onIframeLoaded()}
+              title="yurplan"
+              src={`https://yurplan.com/events/API-Platform-Conference-2025/138927/tickets/widget?widget=dGlja2V0aW5nV2lkZ2V0WXBfMTM2ODk5XzE0MTY5MA%3D%3D&from=widget_141690&wversion=1&culture=${locale}`}
+              width="100%"
+              height="100%"
+              frameBorder="0"
+              scrolling="no"
+              className="yurplan-widget"
+              style={{ height: "auto", clipPath: "inset(0px 0px 180px 0px);" }}
+              id="yurplan-widget-141690"
+              data-id="141690"
+            ></iframe>
+          </div>
+          <Script
+            type="text/javascript"
+            src="https://assets.yurplan.com/yurplan-v1/dist/widget.js"
+          />
+        </div>
+      </div>
+    </>
+  );
+}
+
diff --git a/pwa/app/(con)/[locale]/con/2025/register/page.tsx b/pwa/app/(con)/[locale]/con/2025/register/page.tsx
new file mode 100644
index 000000000..431b22745
--- /dev/null
+++ b/pwa/app/(con)/[locale]/con/2025/register/page.tsx
@@ -0,0 +1,28 @@
+import { Locale, i18n } from "i18n/i18n-config";
+import { Metadata } from "next";
+import RegisterPage from "./RegisterPage";
+
+type Props = {
+  params: { locale: Locale };
+};
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const locale = params.locale || i18n.defaultLocale;
+  const dictionary = await import(`i18n/meta/${locale}.json`);
+
+  return {
+    title: {
+      absolute: dictionary[2025].title,
+      template: `%s - API Platform Conference 2025`,
+    },
+    alternates: {
+      languages: {
+        en: locale === "en" ? undefined : "/con/2025",
+        fr: locale === "fr" ? undefined : "/fr/con/2025",
+      },
+    },
+  };
+}
+
+export default async function Page({ params }: { params: { locale: Locale } }) {
+  return <RegisterPage />;
+}
diff --git a/pwa/components/con/common/BuyButton.tsx b/pwa/components/con/common/BuyButton.tsx
index b4eae6bf4..86b35e412 100644
--- a/pwa/components/con/common/BuyButton.tsx
+++ b/pwa/components/con/common/BuyButton.tsx
@@ -1,18 +1,21 @@
-import React from "react";
+import React, { useContext } from "react";
 import useEventBriteModal from "hooks/con/useEventBriteModal";
 import Button, { ButtonProps } from "components/con/common/Button";
 import classNames from "classnames";
+import { LanguageContext } from "contexts/con/LanguageContext";
 
 interface BuyButtonProps extends ButtonProps {
   id: string;
 }
 
 function BuyButton({ children, id, className, ...props }: BuyButtonProps) {
-  useEventBriteModal(id);
+  //useEventBriteModal(id);
+  const { locale } = useContext(LanguageContext);
 
   return (
     <Button
       id={id}
+      to={`/${locale}/con/2025/register`}
       className={classNames("pink flex flex-row gap-1", className)}
       {...props}
     >
diff --git a/pwa/data/con/2025/prices.ts b/pwa/data/con/2025/prices.ts
new file mode 100644
index 000000000..311711fd0
--- /dev/null
+++ b/pwa/data/con/2025/prices.ts
@@ -0,0 +1,55 @@
+import { Price } from "types/con";
+
+const prices: Price[] = [
+  {
+    id: 1,
+    title: {
+      fr: "Conference",
+      en: "Conference",
+    },
+    languages: {
+      fr: "Talks en français et en anglais",
+      en: "French and english-speaking talks",
+    },
+    offers: [
+      {
+        type: "Early Bird",
+        title: {
+          fr: "Ticket 2 jours <br>(Early bird)</br>",
+          en: "2 days on-site event <br>(Early bird)</br>",
+        },
+        price: 139,
+        limitDate: "2025-05-13",
+      },
+      {
+        type: "Regular",
+        title: {
+          fr: "Ticket 2 jours <br>(Regular)</br>",
+          en: "2 days on-site event <br>(Regular)</br>",
+        },
+        price: 179,
+        startDate: "2025-05-14",
+        limitDate: "2025-07-29",
+      },
+      {
+        type: "Late bird",
+        title: {
+          fr: "Ticket 2 jours <br>(Late bird)</br>",
+          en: "2 days on-site event <br>(Late bird)</br>",
+        },
+        price: 239,
+        startDate: "2025-07-30",
+        limitDate: "2025-09-23",
+      },
+      {
+        title: {
+          fr: "Ticket online",
+          en: "Online ticket",
+        },
+        price: 105,
+      },
+    ],
+  },
+];
+
+export default prices;
diff --git a/pwa/i18n/dictionaries/en.json b/pwa/i18n/dictionaries/en.json
index 00379d469..3153afca8 100644
--- a/pwa/i18n/dictionaries/en.json
+++ b/pwa/i18n/dictionaries/en.json
@@ -137,6 +137,35 @@
       "tip": "Hotel rooms have been negotiated and pre-booked to make your travel easier. Hotel demand is very high in Lille at this time of year: take a look at the available rooms and book them as soon as possible {{tip_link}}",
       "tip_link": "by following this link"
     },
+    "tickets": {
+      "title": "Get your ticket for <strong>API Platform Conference 2025</strong>",
+      "subtitle": "Are you ready to celebrate the 10th anniversary of the API Platform framework?",
+      "until_date": "Until {{date}}",
+      "description": "The API Platform Conference is a two-day event showcasing the latest trends, best practices, and case studies surrounding API Platform and its ecosystem, including PHP, Symfony, JavaScript, AI, FrankenPHP, performance, or tools. With nearly 30 talks delivered in English and French, the conference is a must-attend for innovative companies, project leaders, and skilled developers.",
+      "description2": "If you're a developer, CTO, or decision-maker specializing in these technologies, this event is designed for you!",
+      "expect": {
+        "title": "What you can <strong>expect</strong> from the API Platform Conference?",
+        "points": [
+          {
+            "title": "Learn",
+            "text": "from the top speakers in our ecosystem."
+          },
+          {
+            "title": "Boost",
+            "text": "your brand by supporting the API Platform community."
+          },
+          {
+            "title": "Meet",
+            "text": "hundreds of passionate attendees."
+          },
+          {
+            "title": "Enjoy",
+            "text": "a friendly and welcoming event."
+          }
+        ]
+      },
+      "buy": "Buy your tickets"
+    },
     "cfp": {
       "title": "Call for papers",
       "subtitle": "The call for papers for API Platform Conference 2025 opens on January 6 and runs until March 23. Final speakers will be announced starting May 14. Submit your pitch, and with a bit of luck, you could join us for this special anniversary edition!",
diff --git a/pwa/i18n/dictionaries/fr.json b/pwa/i18n/dictionaries/fr.json
index 765063dcc..00cde96a3 100644
--- a/pwa/i18n/dictionaries/fr.json
+++ b/pwa/i18n/dictionaries/fr.json
@@ -133,6 +133,35 @@
       "tip": "Des chambres d’hôtels ont été spécialement négociées et bloquées pour faciliter votre déplacement à Lille. La demande hôtelière est très élevée à Lille à cette époque de l’année : jetez un œil aux chambres disponibles et réservez-les dès que possible {{tip_link}}",
       "tip_link": "en suivant ce lien"
     },
+    "tickets": {
+      "title": "S'inscrire à l'<strong>API Platform Conference 2025</strong>",
+      "subtitle": "Êtes-vous prêt·es à célébrer les 10 ans d’API Platform ?",
+      "until_date": "Jusqu'au {{date}}",
+      "description": "L’API Platform Conference est un événement de deux jours mettant en avant les technologies tendances, bonnes pratiques et études de cas autour du framework API Platform et son écosystème : PHP, Symfony, JavaScript, IA, FrankenPHP, performance, architecture logicielle… Près de 30 conférences, en anglais et en français, sont programmées sur deux scènes parallèles, faisant de cet événement un rendez-vous incontournable du paysage tech européen.",
+      "description2": "Si vous êtes développeur·se, CTO ou décideur·se spécialisé·e dans les technologies citées, cet événement est fait pour vous !",
+      "expect": {
+        "title": "<strong>À quoi vous attendre</strong> en assistant à l’API Platform Conference ?",
+        "points": [
+          {
+            "title": "Enrichissez",
+            "text": "vos connaissances avec des speakers influents de notre écosystème."
+          },
+          {
+            "title": "Consolidez",
+            "text": "votre image de marque en soutenant un logiciel libre utilisé à travers le monde."
+          },
+          {
+            "title": "Rencontrez",
+            "text": "des centaines de participant·es ayant les mêmes besoins que vous."
+          },
+          {
+            "title": "Participez",
+            "text": "à un événement convivial et chaleureux, avec une édition anniversaire très spéciale."
+          }
+        ]
+      },
+      "buy": "Achetez vos tickets"
+    },
     "cfp": {
       "title": "Call for papers",
       "subtitle": "Le call for papers de l'API Platform Conference 2025 ouvrira du 6 janvier au 23 mars. Le programme sera annoncé à partir du 14 mai. Proposez-nous un sujet ! Avec un peu de chance, vous ferez partie des speakers de cette édition anniversaire.",
diff --git a/pwa/types/con.tsx b/pwa/types/con.tsx
index 72623d4d5..b4b968061 100644
--- a/pwa/types/con.tsx
+++ b/pwa/types/con.tsx
@@ -79,6 +79,7 @@ export type Track = {
 };
 
 export type Offer = {
+  type?: string;
   title: Record<string, string>;
   price: number;
   limitDate?: string;