Refine hero presentation

Author: iexitdev

apps/site/src/components/Hero.astro

@@ -23,19 +23,6 @@ const demoOptions = [
       class="contents lg:flex lg:min-h-screen lg:min-w-0 lg:flex-col lg:items-start lg:justify-center"
     >
       <div class="order-1 w-full min-w-0 max-w-[640px]">
-        <div
-          class="mb-8 inline-flex max-w-full items-center rounded-full border border-white/10 bg-white/[0.02] px-4 py-1.5 text-xs text-white/60 backdrop-blur transition-colors duration-300 sm:text-sm md:mb-10 [html[data-theme='light']_&]:border-black/10 [html[data-theme='light']_&]:bg-black/[0.02] [html[data-theme='light']_&]:text-black/55"
-        >
-          <span class="truncate">
-            React Native Chart Kit v7 preview is live
-          </span>
-          <span
-            class="ml-2 shrink-0 text-white transition-colors duration-300 [html[data-theme='light']_&]:text-black"
-          >
-            Read docs →
-          </span>
-        </div>
-
         <h1
           class="max-w-5xl text-[clamp(38px,9.3vw,64px)] font-semibold leading-[1.06] tracking-[-0.02em] text-white transition-colors duration-300 sm:text-[clamp(50px,7.8vw,69px)] lg:text-[clamp(54px,4.6vw,69px)] lg:leading-[1.04] lg:tracking-[-0.025em] [html[data-theme='light']_&]:text-black"
         >
@@ -184,7 +171,7 @@ const demoOptions = [
       class="order-2 relative flex min-w-0 flex-col items-center justify-center gap-5 lg:order-none lg:min-h-screen lg:translate-x-2 lg:items-start lg:justify-center xl:translate-x-3"
     >
       <div
-        class="relative flex w-[min(62vw,270px)] items-center justify-center sm:w-[295px] md:w-[325px] lg:w-[min(25vw,330px)] xl:w-[345px]"
+        class="relative flex w-[min(59vw,258px)] items-center justify-center sm:w-[282px] md:w-[310px] lg:w-[min(24vw,315px)] xl:w-[330px]"
         data-demo-carousel
         aria-label="Phone demo selector"
       >
@@ -226,7 +213,7 @@ const demoOptions = [
         </button>
       </div>
       <div
-        class="relative aspect-[440/916] w-[min(62vw,270px)] max-w-none drop-shadow-[0_40px_80px_rgba(0,0,0,0.65)] sm:w-[295px] md:w-[325px] lg:w-[min(25vw,330px)] xl:w-[345px]"
+        class="relative aspect-[440/916] w-[min(59vw,258px)] max-w-none drop-shadow-[0_40px_80px_rgba(0,0,0,0.65)] sm:w-[282px] md:w-[310px] lg:w-[min(24vw,315px)] xl:w-[330px]"
         data-phone-stage
         data-ready="false"
       >