keep the height of hero demo in blocks similar to preview height

Author: pras75299

apps/www/config/demos.tsx

@@ -3539,22 +3539,22 @@ export const componentDemos: Record<string, DemoComponent> = {
     </div>
   ),
   "hero-reference-pulse": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <ReferencePulseHero className="min-h-full" />
     </div>
   ),
   "hero-iridescent-sweep": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <IridescentSweepHero className="min-h-full" />
     </div>
   ),
   "hero-liquid-aurora-mesh": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <LiquidAuroraMeshHero className="min-h-full" />
     </div>
   ),
   "hero-noise-dot-field": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <NoiseDotFieldHero className="min-h-full" />
     </div>
   ),

registry/demos.tsx

@@ -3535,22 +3535,22 @@ export const componentDemos: Record<string, DemoComponent> = {
     </div>
   ),
   "hero-reference-pulse": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <ReferencePulseHero className="min-h-full" />
     </div>
   ),
   "hero-iridescent-sweep": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <IridescentSweepHero className="min-h-full" />
     </div>
   ),
   "hero-liquid-aurora-mesh": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <LiquidAuroraMeshHero className="min-h-full" />
     </div>
   ),
   "hero-noise-dot-field": () => (
-    <div className="relative h-[60svh] min-h-[420px] w-full overflow-hidden rounded-xl">
+    <div className="relative h-[70svh] min-h-[420px] w-full overflow-hidden rounded-xl">
       <NoiseDotFieldHero className="min-h-full" />
     </div>
   ),