feat: add stream vod

app/components/Hero.tsx

@@ -9,7 +9,7 @@ export default function Hero() {
   return (
     <div className="flex mb-32 flex-col gap-[72px]">
       <div className="bg-caBlurBoxes absolute left-[-100px] top-80 h-[200px] w-[200px] blur-[200px] sm:h-[300px] sm:w-[300px]"></div>
-      <div className="bg-pattern relative flex w-full flex-col gap-[74px] overflow-hidden">
+      <div className="bg-pattern relative flex w-full flex-col gap-[54px] overflow-hidden">
         <div className="w-full absolute -bottom-20 h-[200px]"></div>
         <div className="bg-caBlurBoxes absolute right-[-100px] top-20 h-[400px] w-[200px] blur-[200px] sm:h-[300px] sm:w-[300px]"></div>
         <Nav />

app/components/WelcomeHero.tsx

@@ -16,30 +16,32 @@ export const WelcomeHero: FC<Props> = ({ variant, children }) => {
         variant === "home" ? "mt-44" : "mt-20"
       )}
     >
-      <div className="relative z-20 flex flex-col gap-14 items-center text-center">
+      <div className="relative z-20 flex flex-col gap-10 items-center text-center">
         <div className="flex flex-col gap-2">
-          <h2 className="text-caTextSecondary text-lg md:text-[24px]">
-            El evento de programación del año
-          </h2>
           <p className="text-balance text-hero font-semibold lg:text-wrap">
-            Da tu primera charla de programación y aporta valor a la comunidad
-            en el{" "}
-            <span className="inline-block bg-gradient-to-r from-caPrimary-500 to-caSecondary-500 text-transparent bg-clip-text">
-              Aforshow
-            </span>
+            ¡Gracias por estar presente en el
+            <a
+              href="https://x.com/search?q=%23Aforshow" target="_blank"
+              rel="noreferrer"
+              className="inline-block bg-gradient-to-r from-caPrimary-500 to-caSecondary-500 text-transparent bg-clip-text">
+              #Aforshow
+            </a>
+            !
           </p>
           {children}
         </div>
+        <div>
+          <h2 className="text-caTextSecondary text-lg mb-3">
+            Puedes ver la repetición del evento aquí:
+          </h2>
+          <iframe src="https://player.twitch.tv/?video=2255968741&parent=afor.show" frameBorder="0" allowFullScreen scrolling="no" height="478" width="720"></iframe>
+        </div>
 
-        {/* Wrapper was moved to countdown because its component logic, could be override by className prop */}
-        {/* <Countdown /> */}
-        {/* iframe to twitch live */}
-        <iframe src={`https://player.twitch.tv/?channel=afor_digital&parent=afor.show`} frameBorder="0" width="500" height="320" allowFullScreen scrolling="no"></iframe>
         <div className="flex gap-6 pb-12">
           {variant === "home" && (
             <a href="#ticket">
               <Button size="xl">
-                Ver ticket
+                Ver tu ticket
                 <Ticket className="size-6 ml-3" />
               </Button>
             </a>
@@ -52,16 +54,6 @@ export const WelcomeHero: FC<Props> = ({ variant, children }) => {
               </Button>
             </a>
           )}
-          <Button variant="secondary" size="xl">
-            <a
-              href="https://docs.google.com/forms/d/e/1FAIpQLSc-tddK0-eUZODZr8ErbFHkthVZdzQTyI-xDPRRFsZN76NGzw/viewform"
-              target="_blank"
-              rel="noreferrer"
-            >
-              Votar charlas
-            </a>
-            <ArrowUpRight className="size-6 ml-2" />
-          </Button>
         </div>
       </div>
     </section>

tailwind.config.ts

@@ -54,7 +54,7 @@ const config: Config = {
         "pos-100": "100% 100%",
       },
       fontSize: {
-        hero: ["clamp(1.5rem, 5.5vw, 3.75rem)", "1.1"],
+        hero: ["clamp(4.5rem, 5.5vw, 3.75rem)", "1.1"],
         scheduleTitle: ["clamp(1rem, 5.5vw, 1.5rem)", "1.1"],
         scheduleAuthor: ["clamp(0.75rem, 5.5vw, 1.5rem)", "1.1"],
       },