feat: update con marketing before event (#563)

api-platform · Sep 5, 2024 · 8a75abe · 8a75abe
1 parent fe5dc47
commit 8a75abe
Show file tree

Hide file tree

Showing 8 changed files with 83 additions and 34 deletions.
diff --git a/pwa/app/(common)/components/ModalCon.tsx b/pwa/app/(common)/components/ModalCon.tsx
@@ -20,7 +20,7 @@ export default function ModalCon() {
         setOpen(false);
         document.removeEventListener("keydown", handleKeyDown);
       }
-    }
+    };
 
     document.addEventListener("mousedown", handleClickOutside);
     document.addEventListener("keydown", handleKeyDown);
@@ -104,16 +104,33 @@ export default function ModalCon() {
               The international conference on the API Platform Framework
             </p>
             <h2 className="text-blue-light text-2xl font-bold text-center">
-              API Platform Conference 2024: meet the best PHP, JavaScript and
-              API experts
+              Get ready for game-changing announcements for the PHP community!
             </h2>
             <p className="font-light text-sm text-blue-black">
-              Lear more about the event, register for the conference, and get
-              ready for two days of inspiration, ideas, and knowledge-sharing
-              with our incredible lineup of renowned specialists and advocates.
+              The API Platform Conference 2024 is happening soon, and it&apos;s close to selling out.<br/>API
+              Platform 4, Caddy web server, Xdebug, AI... Enjoy two days of
+              inspiring talks with our friendly community and our amazing
+              speakers.
             </p>
-            <Button color="pink" size="large" href="/con" className="mt-4">
-              Register now
+            <Button
+              color="pink"
+              size="large"
+              href="/con"
+              className="mt-4 flex flex-row gap-1"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                fill="currentColor"
+                className="w-5 h-5"
+              >
+                <path
+                  fillRule="evenodd"
+                  d="M12.963 2.286a.75.75 0 0 0-1.071-.136 9.742 9.742 0 0 0-3.539 6.176 7.547 7.547 0 0 1-1.705-1.715.75.75 0 0 0-1.152-.082A9 9 0 1 0 15.68 4.534a7.46 7.46 0 0 1-2.717-2.248ZM15.75 14.25a3.75 3.75 0 1 1-7.313-1.172c.628.465 1.35.81 2.133 1a5.99 5.99 0 0 1 1.925-3.546 3.75 3.75 0 0 1 3.255 3.718Z"
+                  clipRule="evenodd"
+                />
+              </svg>
+              Only a few tickets left!
             </Button>
           </div>
         </div>

diff --git a/pwa/app/(con)/[locale]/con/2024/components/HomePage.tsx b/pwa/app/(con)/[locale]/con/2024/components/HomePage.tsx
@@ -243,7 +243,7 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
           <div className="flex gap-2">
             {currentEdition === "2024" && (
               <BuyButton className="mr-2" id="cover">
-                {t("buy_tickets")}
+                {t("last_places")}
               </BuyButton>
             )}
           </div>
@@ -322,18 +322,7 @@ const HomePage = ({ speakers, partners, images }: HomePageProps) => {
           </div>
         </Section>
       }
-      <Venue
-        subtitle={t("2024.venue.subtitle")}
-        tip_title={t("2024.venue.tip_title")}
-        tip_className="!w-full! !max-w-4xl"
-        tip={t("2024.venue.tip", {
-          tip_link: (
-            <a className="link" href="https://www.hotelsdelille.com/">
-              {t("2024.venue.tip_link")}
-            </a>
-          ),
-        })}
-      />
+      <Venue subtitle={t("2024.venue.subtitle")} />
       <Section section="sponsorship" className="py-8">
         <div className="container text-center">
           <SectionTitle dark>

diff --git a/pwa/components/con/common/BuyButton.tsx b/pwa/components/con/common/BuyButton.tsx
@@ -11,7 +11,24 @@ function BuyButton({ children, id, className, ...props }: BuyButtonProps) {
   useEventBriteModal(id);
 
   return (
-    <Button id={id} className={classNames("pink", className)} {...props}>
+    <Button
+      id={id}
+      className={classNames("pink flex flex-row gap-1", className)}
+      {...props}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        className="w-5 h-5"
+      >
+        <path
+          fillRule="evenodd"
+          d="M12.963 2.286a.75.75 0 0 0-1.071-.136 9.742 9.742 0 0 0-3.539 6.176 7.547 7.547 0 0 1-1.705-1.715.75.75 0 0 0-1.152-.082A9 9 0 1 0 15.68 4.534a7.46 7.46 0 0 1-2.717-2.248ZM15.75 14.25a3.75 3.75 0 1 1-7.313-1.172c.628.465 1.35.81 2.133 1a5.99 5.99 0 0 1 1.925-3.546 3.75 3.75 0 0 1 3.255 3.718Z"
+          clipRule="evenodd"
+        />
+      </svg>
+
       {children}
     </Button>
   );

diff --git a/pwa/components/con/layout/Nav.tsx b/pwa/components/con/layout/Nav.tsx
@@ -110,7 +110,7 @@ export default function Nav({
       </div>
       {isTicketingOpen && currentEdition === edition ? (
         <BuyButton
-          className="hidden md:block md:-translate-x-16 | lg:-translate-x-0"
+          className="hidden md:flex md:-translate-x-16 | lg:-translate-x-0"
           size="small"
           id="nav"
         >

diff --git a/pwa/components/layout/Preheader.tsx b/pwa/components/layout/Preheader.tsx
@@ -69,8 +69,21 @@ export default function Preheader() {
             online
           </div>
         </div>
-        <Button color="pink" className="rounded-md text-sm">
-          Register&nbsp;now
+        <Button color="pink" className="flex flex-row gap-1 rounded-md text-sm">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="currentColor"
+            className="w-5 h-5"
+          >
+            <path
+              fillRule="evenodd"
+              d="M12.963 2.286a.75.75 0 0 0-1.071-.136 9.742 9.742 0 0 0-3.539 6.176 7.547 7.547 0 0 1-1.705-1.715.75.75 0 0 0-1.152-.082A9 9 0 1 0 15.68 4.534a7.46 7.46 0 0 1-2.717-2.248ZM15.75 14.25a3.75 3.75 0 1 1-7.313-1.172c.628.465 1.35.81 2.133 1a5.99 5.99 0 0 1 1.925-3.546 3.75 3.75 0 0 1 3.255 3.718Z"
+              clipRule="evenodd"
+            />
+          </svg>
+          <span className="lg:hidden">Register&nbsp;now</span>
+          <span className="hidden lg:block">Only a few tickets left!</span>
         </Button>
       </div>
     </Link>

diff --git a/pwa/data/con/2024/extraConferences.ts b/pwa/data/con/2024/extraConferences.ts
@@ -70,6 +70,17 @@ const extra = [
     track: "1",
     type: "upcoming",
   },
+  {
+    title: {
+      fr: "Lightning talks",
+      en: "Lightning talks",
+    },
+    date: "2024-09-19",
+    start: "17:20",
+    end: "18:00",
+    track: "2",
+    type: "upcoming",
+  },
   {
     title: {
       en: "Lunch break",

diff --git a/pwa/i18n/dictionaries/en.json b/pwa/i18n/dictionaries/en.json
@@ -94,20 +94,21 @@
   "back_to_current_edition": "< Back to current edition",
   "become_speaker": "Become speaker",
   "become_sponsor": "Become sponsor",
+  "last_places": "Only a few tickets left!",
   "buy_tickets": "Buy tickets",
   "coming_soon": "Coming soon",
   "conferences": {
     "by_speaker": "by {{speaker}}",
     "see_speaker_details": "See speaker's details",
-      "tags": {
-        "security": "Security",
-        "performance": "Performance",
-        "archi": "Architecture",
-        "good-practices": "Good practices",
-        "society": "Society",
-        "feedback": "Feedback",
-        "ia": "AI"
-      }
+    "tags": {
+      "security": "Security",
+      "performance": "Performance",
+      "archi": "Architecture",
+      "good-practices": "Good practices",
+      "society": "Society",
+      "feedback": "Feedback",
+      "ia": "AI"
+    }
   },
   "contact_us": "Contact us!",
   "days_count": "{{count}} day",

diff --git a/pwa/i18n/dictionaries/fr.json b/pwa/i18n/dictionaries/fr.json
@@ -93,6 +93,7 @@
   "become_speaker": "Devenir speaker",
   "become_sponsor": "Devenir sponsor",
   "buy_tickets": "S'inscrire",
+  "last_places": "Dernières places disponibles!",
   "coming_soon": "Prochainement",
   "conferences": {
     "by_speaker": "par {{speaker}}",