Mobile nudges

apps/www/components/LaunchWeek/LaunchSection/LaunchWeekPrizeSection.tsx

@@ -5,7 +5,7 @@ import LabelBadge from '../LabelBadge'
 export default function LaunchWeekPrizeSection() {
   return (
     <div>
-      <div className="mt-24 relative h-[640px] overflow-hidden">
+      <div className="mt-8 relative h-[640px] overflow-hidden">
         <div className="-ml-[24rem] -mr-[24rem]">
           <Image src="/images/launchweek/seven/lw-7-bg.svg" layout="fill" objectFit="cover" />
         </div>
@@ -29,6 +29,7 @@ export default function LaunchWeekPrizeSection() {
           <div className="lg:w-3/5">
             <div className="grid gap-4 border border-[#484848]  rounded-tr-xl rounded-tl-xl overflow-hidden">
               <div className="relative h-[360px]">
+                <div className="glass-tile-gradient w-[150px] h-[420px]  -top-8 -ml-12"></div>
                 <Image
                   src="/images/launchweek/seven/keyboard.png"
                   layout="fill"

apps/www/components/LaunchWeek/Ticket/ActualTicket.tsx

@@ -44,7 +44,7 @@ export default function Ticket({
   useEffect(() => {
     if (ticketRef.current && !window.matchMedia('(pointer: coarse)').matches) {
       Tilt.init(ticketRef.current, {
-        glare: true,
+        glare: false,
         max: 5,
         'max-glare': 0.16,
         'full-page-listening': true,
@@ -61,7 +61,7 @@ export default function Ticket({
 
   return (
     <div
-      className="grid grid-cols-1 xl:grid-cols-12 gap-8 xl:gap-8 2xl:gap-16 p-4 bg-[#a988d748] rounded-2xl items-center h-[380px]"
+      className="grid grid-cols-1 xl:grid-cols-12 gap-8 xl:gap-8 2xl:gap-16 p-4 bg-[#a988d748] rounded-2xl items-center h-[520px] lg:h-[380px] "
       id="wayfinding--ticket-visual-wrapper-container"
     >
       <div

apps/www/components/LaunchWeek/Ticket/TicketNumber.tsx

@@ -17,8 +17,8 @@ export default function TicketNumber({ number, size }: Props) {
       >
         <div
           className={[
-            'text-[42px] leading-[1] w-[370px] text-center bg-clip-text lg:transform lg:rotate-90 lg:translate-y-100 origin-bottom-right bg-gradient-to-r from-white via-white',
-            size === 'small' ? 'text-[20px] w-[220px]' : '',
+            'leading-[1] w-[370px] text-center bg-clip-text lg:transform lg:rotate-90 lg:translate-y-100 origin-bottom-right bg-gradient-to-r from-white via-white',
+            size === 'small' ? 'text-[20px] w-[220px]' : 'text-[20px] lg:text-[42px] ',
           ].join(' ')}
           id="wayfinding--ticket-number-inner"
         >

apps/www/components/LaunchWeek/Ticket/ticket-visual.module.css

@@ -41,7 +41,7 @@
   .visual {
     background-size: cover;
 
-    background-image: url('/images/launchweek/2x-regular-ticket-background.jpg');
+    background-image: url('/images/launchweek/seven/lw-7-bg.svg');
   }
 
   .visual--gold {

apps/www/components/LaunchWeek/Ticket/ticket.module.css

@@ -58,26 +58,6 @@
   margin-bottom: auto;
 }
 
-.ticket-visual {
-  /* position: relative;
-  border-radius: calc(16px * var(--size)); */
-  /* overflow: hidden; */
-  /* width: 330px; */
-  /* margin: 0 auto; */
-}
-
-/* .ticket-visual:before,
-.ticket-visual:after { */
-/* content: '';
-  display: block;
-  width: 72px;
-  height: 58px; */
-/* background-color: #1C1C1C; */
-/* position: absolute;
-  z-index: 100;
-  border-radius: 50%; */
-/* } */
-
 .ticket-visual:before {
   left: 50%;
   top: -7.5%;
@@ -91,10 +71,6 @@
 }
 
 @media (min-width: 768px) {
-  .ticket-visual {
-    /* width: 650px; */
-  }
-
   .ticket-visual:before {
     top: 50%;
     left: -7%;

apps/www/pages/launch-week/launchWeek.css

@@ -5,3 +5,15 @@
 .bg-lw7-black-transition {
   background: linear-gradient(0.39deg, #161616 53.84%, rgba(28, 28, 28, 0) 88.21%);
 }
+
+.glass-tile-gradient {
+  position: absolute;
+
+  left: calc(50% - 146.58px / 2 - 181.35px);
+  top: calc(50% - 426.82px / 2 - 76.38px);
+
+  background: #579ca1;
+  filter: blur(85.7962px);
+  border-radius: 16.9281px;
+  transform: matrix(0.84, 0.55, -0.55, 0.83, 0, 0);
+}