✨feature: Homepage hero

Co-authored-by: Copilot <copilot@github.com>
2026-05-12 12:25:38 -05:00
parent 489e0acb38
commit a0c6e3251b
4 changed files with 250 additions and 45 deletions
@@ -0,0 +1,52 @@
+.homepage-hero {
+    --hgtHero: calc(100vh - (var(--hgtHeader) + 2rem));
+
+    min-height: var(--hgtHero);
+
+    .heroBG /* Rectangle 2 */{
+        background: linear-gradient(83.68deg, #032F46 3.13%, #006196 45.91%, #8FC9E6 96.27%);
+        mix-blend-mode: normal;
+        opacity: 0.5;
+    }
+
+    .bgVector /* Rectangle 83 */ {
+        background: linear-gradient(73.8deg, #032F46 12.47%, rgba(0, 97, 150, 0.4) 47.08%, rgba(143, 201, 230, 0.1) 73.75%);
+        background-blend-mode: multiply;
+        height: 100%;
+        mix-blend-mode: multiply;
+        opacity: 0.7;
+        width: 100%;
+    }
+
+    .topGradient /* Rectangle 88 */ {
+        background: linear-gradient(347.21deg, #032F46 18.31%, rgba(0, 97, 150, 0.4) 56.56%, rgba(143, 201, 230, 0.1) 81.82%);
+        background-blend-mode: multiply;
+        mix-blend-mode: normal;
+    }
+
+    .heroVector {
+        background-blend-mode: normal !important;
+        height: var(--hgtHero);
+        mix-blend-mode: normal !important;
+        opacity: 1 !important;
+        width: 100%;
+
+        svg {
+        }
+    }
+
+    .intro {
+        h1 {
+            font-size: var(--text-55px);
+            font-weight: 600;
+            line-height: 1;
+
+            strong {
+                font-size: var(--text-65px);
+                font-weight: 700;
+            }
+
+            em { color: var(--color-cwc-orange-01); }
+        }
+    }
+}