diff --git a/pom.xml b/pom.xml
index e1b53ba..13d4ff1 100644
--- a/pom.xml
+++ b/pom.xml
@@ -17,6 +17,7 @@
     <surefire-plugin.version>3.0.0-M7</surefire-plugin.version>
     <renarde.version>3.0.16</renarde.version>
     <web-bundler.version>1.6.0</web-bundler.version>
+    <ngrok.version>1.5.1</ngrok.version>
   </properties>
   <dependencyManagement>
     <dependencies>
@@ -45,6 +46,11 @@
       <artifactId>quarkus-renarde-backoffice</artifactId>
       <version>${renarde.version}</version>
     </dependency>
+    <dependency>
+      <groupId>io.quarkiverse.renarde</groupId>
+      <artifactId>quarkus-renarde-pdf</artifactId>
+      <version>${renarde.version}</version>
+    </dependency>
     <dependency>
       <groupId>io.quarkiverse.renarde</groupId>
       <artifactId>quarkus-renarde-transporter</artifactId>
@@ -55,6 +61,11 @@
       <artifactId>quarkus-web-bundler</artifactId>
       <version>${web-bundler.version}</version>
     </dependency>
+    <dependency>
+      <groupId>io.quarkiverse.ngrok</groupId>
+      <artifactId>quarkus-ngrok</artifactId>
+      <version>${ngrok.version}</version>
+    </dependency>
     <!-- For Java2D image processing -->
     <dependency>
       <groupId>io.quarkus</groupId>
diff --git a/src/main/java/rest/Application.java b/src/main/java/rest/Application.java
index 2ff03cd..83d4590 100644
--- a/src/main/java/rest/Application.java
+++ b/src/main/java/rest/Application.java
@@ -15,6 +15,7 @@
 import org.jboss.resteasy.reactive.RestQuery;
 import org.jboss.resteasy.reactive.common.jaxrs.AbstractResponseBuilder;
 
+import io.quarkiverse.renarde.pdf.Pdf;
 import io.quarkiverse.renarde.security.ControllerWithUser;
 import io.quarkiverse.renarde.util.FileUtils;
 import io.quarkus.qute.CheckedTemplate;
@@ -24,6 +25,7 @@
 import jakarta.transaction.Transactional;
 import jakarta.ws.rs.POST;
 import jakarta.ws.rs.Path;
+import jakarta.ws.rs.Produces;
 import jakarta.ws.rs.core.HttpHeaders;
 import jakarta.ws.rs.core.Request;
 import jakarta.ws.rs.core.Response;
@@ -504,17 +506,36 @@ public TemplateInstance schools() {
     }
 
     @Path("/speaker-banner")
-    public TemplateInstance speakerBanner(@RestPath Long id) {
+    public TemplateInstance speakerBanner(@RestPath Long id, @RestPath String language) {
         Speaker speaker = Speaker.findById(id);
         notFoundIfNull(speaker);
+        i18n.setForCurrentRequest(language);
         return Templates.speakerBanner(speaker);
     }
 
+    @Produces(Pdf.IMAGE_PNG)
+    @Path("/speaker-banner/{id}/{language}.png")
+    public TemplateInstance speakerBannerImage(@RestPath Long id, @RestPath String language) {
+        Speaker speaker = Speaker.findById(id);
+        notFoundIfNull(speaker);
+        i18n.setForCurrentRequest(language);
+        return Templates.speakerBanner(speaker);
+    }
 
     @Path("/sponsor-banner")
-    public TemplateInstance sponsorBanner(@RestPath Long id) {
+    public TemplateInstance sponsorBanner(@RestPath Long id, @RestPath String language) {
+        Sponsor sponsor = Sponsor.findById(id);
+        notFoundIfNull(sponsor);
+        i18n.setForCurrentRequest(language);
+        return Templates.sponsorBanner(sponsor);
+    }
+    
+    @Produces(Pdf.IMAGE_PNG)
+    @Path("/sponsor-banner/{id}/{language}.png")
+    public TemplateInstance sponsorBannerImage(@RestPath Long id, @RestPath String language) {
         Sponsor sponsor = Sponsor.findById(id);
         notFoundIfNull(sponsor);
+        i18n.setForCurrentRequest(language);
         return Templates.sponsorBanner(sponsor);
     }
 
diff --git a/src/main/resources/templates/Application/speaker.html b/src/main/resources/templates/Application/speaker.html
index b49e35a..d2692d7 100644
--- a/src/main/resources/templates/Application/speaker.html
+++ b/src/main/resources/templates/Application/speaker.html
@@ -1,5 +1,19 @@
 {#include main.html}
 {#title}{speaker} - {m:views.application.speaker.title}{/title}
+{#twitterCard}
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@RivieraDEV" />
+<meta name="twitter:title" content="Riviera DEV" />
+<meta
+    name="twitter:description"
+    content="{speaker.firstName} {speaker.lastName}"
+/>
+<meta
+    name="twitter:image"
+    content="{uriabs:Application.speakerBannerImage(speaker.id, 'en')}"
+/>
+<meta name="twitter:image:alt" content="Riviera DEV" />
+{/twitterCard}
 
 <div class="page__header speakers__header">
     <h1 class="page__mainTitle">{m:views.application.speaker.title}</h1>
diff --git a/src/main/resources/templates/Application/speakerBanner.html b/src/main/resources/templates/Application/speakerBanner.html
index 5c056e5..36dcbf5 100644
--- a/src/main/resources/templates/Application/speakerBanner.html
+++ b/src/main/resources/templates/Application/speakerBanner.html
@@ -1,3 +1,5 @@
+<!DOCTYPE html PUBLIC
+"-//OPENHTMLTOPDF//DOC XHTML Character Entities Only 1.0//EN" "">
 <html>
     <head>
         <style>
@@ -5,19 +7,19 @@
     font-family: 'Interstate Regular';
     font-style: normal;
     font-weight: normal;
-    src: local('Interstate Regular'), url('/static/fonts/InterstateRegular.woff') format('woff');
+    src: local('Interstate Regular'), url('/static/fonts/InterstateRegular.ttf') format('truetype');
     }
     @font-face {
     font-family: 'Interstate Light';
     font-style: normal;
     font-weight: normal;
-    src: local('Interstate Light'), url('/static/fonts/InterstateLight.woff') format('woff');
+    src: local('Interstate Light'), url('/static/fonts/InterstateLight.ttf') format('truetype');
     }
     @font-face {
     font-family: 'Interstate Bold';
     font-style: normal;
     font-weight: normal;
-    src: local('Interstate Bold'), url('/static/fonts/InterstateBold.woff') format('woff');
+    src: local('Interstate Bold'), url('/static/fonts/InterstateBold.ttf') format('truetype');
     }
 
 #name, #compagny {
@@ -26,41 +28,41 @@
 }
 #name {
     color: #474743;
-    top: 322px;
-    left: 250px;
+    top: 316px;
+    left: 242px;
     font-family: "Interstate Regular";
-    font-size: 21;
+    font-size: 21px;
     text-align: center;
     width: 400px;
 }  
 #compagny {
     color: #474743;
-    top: 345px;
-    left: 250px;
-    font-family: "Interstate bold";
+    top: 337px;
+    left: 242px;
+    font-family: "Interstate Bold";
     text-align: center;
-    font-size: 16;
+    font-size: 16px;
     width: 400px;
 }
 #permanent_text_1 {
     position: absolute;
     z-index: 1;
     color: white;
-    top: 123px;
-    left: 55px;
-    font-size: 23;
-    font-family: "Interstate light";
-    width: 400;
+    top: 115px;
+    left: 47px;
+    font-size: 23px;
+    font-family: "Interstate Light";
+    width: 400px;
     text-align: center;
 }
 #permanent_text_2 {
     position: absolute;
     z-index: 1;
     color: white;
-    top: 183px;
-    left: 721px;
-    font-size: 20;
-    font-family: "Interstate bold";
+    top: 175px;
+    left: 713px;
+    font-size: 20px;
+    font-family: "Interstate Bold";
 }
 #orange {
     color: #fdc43f;
@@ -69,32 +71,32 @@
     position: absolute;
     z-index: 1;
     color: white;
-    top: 229px;
-    left: 721px;
-    font-size: 21;
-    font-family: "Interstate light";
+    top: 221px;
+    left: 713px;
+    font-size: 21px;
+    font-family: "Interstate Light";
 }
 #site_name {
     position: absolute;
     z-index: 1;
     color: white;
-    top: 322px;
-    left: 721px;
-    font-size: 23;
-    font-family: "Interstate bold";
+    top: 314px;
+    left: 705px;
+    font-size: 23px;
+    font-family: "Interstate Bold";
 }
 .personSummary__photo {
-    width: 130;
-    height: 133;
+    width: 130px;
+    height: 133px;
     border-radius: 150px;
     background-size: cover;
     position: absolute;
-    top: 179px;
-    left: 387px;
+    top: 171px;
+    left: 379px;
 }
 .talks_type {
     z-index: 1;
-    font-family: 'Interstate bold';
+    font-family: 'Interstate Bold';
     color: #fdc43f;
     text-align: center;
     width: 400px;
@@ -102,17 +104,25 @@
 #program {
     position: absolute;
     z-index: 1;
-    font-family: 'Interstate light';
+    font-family: 'Interstate Light';
     color: #474743;
-    top: 366px;
-    left: 250;
+    top: 358px;
+    left: 242px;
     text-align: center;
     width: 400px;
 }
 #citation_1,#citation_2 {
     color:#fdc43f;
     z-index: 1;
-    font-family: 'Interstate bold';
+    font-family: 'Interstate Bold';
+}
+@page {
+  size: 1032px 516px;
+  margin: 0px;
+  padding: 0px;
+}
+body {
+    margin: 0px;
 }
 </style>
     </head>
@@ -131,7 +141,7 @@
         <div id="program">
         {#for talk in speaker.talks}
             <div class="talks_type">{talk.type}: </div>
-            <div><span id="citation_1">« </span> {talk.title} <span id="citation_2">»</span></div>
+            <div><span id="citation_1">«</span>&nbsp;{talk.title}&nbsp;<span id="citation_2">»</span></div>
         {/for}
         </div>
         <img src="/static/images/Speakers-banner-notext.png"/>
diff --git a/src/main/resources/templates/Application/sponsor.html b/src/main/resources/templates/Application/sponsor.html
index 72eeca6..cefe4db 100644
--- a/src/main/resources/templates/Application/sponsor.html
+++ b/src/main/resources/templates/Application/sponsor.html
@@ -1,5 +1,19 @@
 {#include main.html}
 {#title}{sponsor.company} - {m:views.application.sponsor.title}{/title}
+{#twitterCard}
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:site" content="@RivieraDEV" />
+<meta name="twitter:title" content="Riviera DEV" />
+<meta
+    name="twitter:description"
+    content="{sponsor.company}"
+/>
+<meta
+    name="twitter:image"
+    content="{uriabs:Application.sponsorBannerImage(sponsor.id, 'en')}"
+/>
+<meta name="twitter:image:alt" content="Riviera DEV" />
+{/twitterCard}
 
 <div class="page__header partenaireDetails__headerPage">
     <h1 class="page__mainTitle">{m:views.application.sponsor.title}</h1>
diff --git a/src/main/resources/templates/Application/sponsorBanner.html b/src/main/resources/templates/Application/sponsorBanner.html
index e790fbc..07b40cf 100644
--- a/src/main/resources/templates/Application/sponsorBanner.html
+++ b/src/main/resources/templates/Application/sponsorBanner.html
@@ -1,3 +1,5 @@
+<!DOCTYPE html PUBLIC
+"-//OPENHTMLTOPDF//DOC XHTML Character Entities Only 1.0//EN" "">
 <html>
     <head>
         <style>
@@ -5,19 +7,19 @@
     font-family: 'Interstate Regular';
     font-style: normal;
     font-weight: normal;
-    src: local('Interstate Regular'), url('/static/fonts/InterstateRegular.woff') format('woff');
+    src: local('Interstate Regular'), url('/static/fonts/InterstateRegular.ttf') format('truetype');
     }
     @font-face {
     font-family: 'Interstate Light';
     font-style: normal;
     font-weight: normal;
-    src: local('Interstate Light'), url('/static/fonts/InterstateLight.woff') format('woff');
+    src: local('Interstate Light'), url('/static/fonts/InterstateLight.ttf') format('truetype');
     }
     @font-face {
     font-family: 'Interstate Bold';
     font-style: normal;
     font-weight: normal;
-    src: local('Interstate Bold'), url('/static/fonts/InterstateBold.woff') format('woff');
+    src: local('Interstate Bold'), url('/static/fonts/InterstateBold.ttf') format('truetype');
     }
 
 
@@ -25,69 +27,92 @@
     position: absolute;
     z-index: 1;
     color: white;
-    top: 123px;
-    left: 55px;
-    font-size: 23;
-    font-family: "Interstate light";
-    width: 400;
+    top: 115px;
+    left: 47px;
+    font-size: 23px;
+    font-family: "Interstate Light";
+    width: 400px;
     text-align: center;
 }
 #permanent_text_2 {
     position: absolute;
     z-index: 1;
     color: white;
-    top: 183px;
-    left: 721px;
-    font-size: 20;
-    font-family: "Interstate bold";
+    top: 175px;
+    left: 713px;
+    font-size: 20px;
+    font-family: "Interstate Bold";
 }
 #location {
     position: absolute;
     z-index: 1;
     color: white;
-    top: 229px;
-    left: 721px;
-    font-size: 21;
-    font-family: "Interstate light";
+    top: 221px;
+    left: 715px;
+    font-size: 21px;
+    font-family: "Interstate Light";
 }
 #site_name {
     position: absolute;
     z-index: 1;
     color: white;
-    top: 322px;
-    left: 721px;
-    font-size: 23;
-    font-family: "Interstate bold";
+    top: 316px;
+    left: 715px;
+    font-size: 23px;
+    font-family: "Interstate Bold";
 }
 #personSummary__photo {
-    max-width: 330px;
-    top: 225px;
-    left: 226px;
-    max-height: 100px;
-    margin: auto;
+    top: 217px;
+    left: 218px;
 }
 #image_box {
     text-align: center;
     width: 400px;
     position: absolute;
     height: 100px;
-    left: 184px;
-    top: 209px;
+    left: 176px;
+    top: 201px;
 }
 #sponsorRank {
     position: absolute;
     z-index: 1;
-    top: 339px;
-    left: 287px;
+    top: 331px;
+    left: 279px;
+}
+body {
+    margin: 0px;
+
+}
+#citation_1,#citation_2 {
+    color:#fdc43f;
+    z-index: 1;
+    font-family: 'Interstate Bold';
+}
+@page {
+  size: 1032px 516px;
+  margin: 0px;
+  padding: 0px;
 }
 </style>
     </head>
     <body>
         
-            
             <div id="image_box"><img
             id="personSummary__photo"
             src="{uri:Application.sponsorLogo(sponsor.id)}"
+            {#if sponsor.width > sponsor.height}
+                {#if sponsor.width > 330}
+                    width="330"
+                {#else}
+                    width="{sponsor.width}"
+                {/if}
+            {#else}
+                {#if sponsor.height > 100}
+                    height="100"
+                {#else}
+                    height="{sponsor.height}"
+                {/if}
+            {/if}
             /></div>
         
         
diff --git a/src/main/resources/templates/main.html b/src/main/resources/templates/main.html
index 1d36bdc..fde698b 100644
--- a/src/main/resources/templates/main.html
+++ b/src/main/resources/templates/main.html
@@ -21,6 +21,7 @@
         />
 
         <!-- Twitter Card data -->
+        {#insert twitterCard}
         <meta name="twitter:card" content="summary_large_image" />
         <meta name="twitter:site" content="@RivieraDEV" />
         <meta name="twitter:title" content="Riviera DEV" />
@@ -33,6 +34,7 @@
             content="/static/images/logo_twitter_cards_2024.jpg"
         />
         <meta name="twitter:image:alt" content="Riviera DEV" />
+        {/insert}
 
         <!-- Open Graph data -->
         <meta property="og:title" content="Riviera DEV" />
diff --git a/src/main/resources/web/static/fonts/InterstateBold.ttf b/src/main/resources/web/static/fonts/InterstateBold.ttf
new file mode 100644
index 0000000..f756016
Binary files /dev/null and b/src/main/resources/web/static/fonts/InterstateBold.ttf differ
diff --git a/src/main/resources/web/static/fonts/InterstateLight.ttf b/src/main/resources/web/static/fonts/InterstateLight.ttf
new file mode 100644
index 0000000..d28b855
Binary files /dev/null and b/src/main/resources/web/static/fonts/InterstateLight.ttf differ
diff --git a/src/main/resources/web/static/fonts/InterstateRegular.ttf b/src/main/resources/web/static/fonts/InterstateRegular.ttf
new file mode 100644
index 0000000..3d6b6da
Binary files /dev/null and b/src/main/resources/web/static/fonts/InterstateRegular.ttf differ