End-of-year promotion CHEERS2025

radzenhq · Dec 20, 2024 · 3aac6a7 · 3aac6a7
1 parent 3506256
commit 3aac6a7
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 1 deletion.
diff --git a/RadzenBlazorDemos/Pages/Index.razor b/RadzenBlazorDemos/Pages/Index.razor
@@ -104,6 +104,13 @@
 
     <RadzenRow ID="components" Gap="1rem">
       <RadzenColumn Size="12">
+            <RadzenAlert AlertStyle="AlertStyle.Dark" Icon="percent" Size="AlertSize.Large" Variant="Variant.Flat" class="rz-my-lg-12 promo-alert">
+              <RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-mb-3 rz-color-on-base-darker"><strong>Save $100 with promo code CHEERS2025</strong></RadzenText>
+              <RadzenText TextStyle="TextStyle.Body1" class="rz-color-on-base-darker">As we are looking forward to an incredible 2025, enjoy our end-of-year promotion! Valid now through January 6th.</RadzenText>
+              <RadzenText TextStyle="TextStyle.Body1" class="rz-mb-0 rz-mt-5 rz-color-on-base-darker">
+                <RadzenLink Path="https://www.radzen.com/pricing" target="_blank" Style="color: #FFB9FF !important;"><strong>See Pricing ↗</strong></RadzenLink>
+              </RadzenText>
+            </RadzenAlert>
             <RadzenRow class="rz-mt-8 rz-mt-sm-6 rz-pt-sm-6 rz-mt-lg-12 rz-pt-lg-12">
               <RadzenColumn Size="12" SizeMD="3" SizeLG="2" SizeXL="3">
                 <RadzenText TextStyle="TextStyle.H4" TagName="TagName.H3">Get Started</RadzenText>

diff --git a/RadzenBlazorDemos/Shared/MainLayout.razor b/RadzenBlazorDemos/Shared/MainLayout.razor
@@ -42,6 +42,13 @@
                 <RadzenColumn Size="12">
                     <RadzenRow class="rz-mx-auto" Style="max-width: 1600px;">
                         <RadzenColumn Size="12">
+                            <RadzenAlert AlertStyle="AlertStyle.Dark" Icon="percent" Size="AlertSize.Large" Variant="Variant.Flat" class="rz-my-lg-12 promo-alert">
+                                <RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-mb-3 rz-color-on-base-darker"><strong>Save $100 with promo code CHEERS2025</strong></RadzenText>
+                                <RadzenText TextStyle="TextStyle.Body1" class="rz-color-on-base-darker">As we are looking forward to an incredible 2025, enjoy our end-of-year promotion! Valid now through January 6th.</RadzenText>
+                                <RadzenText TextStyle="TextStyle.Body1" class="rz-mb-0 rz-mt-5 rz-color-on-base-darker">
+                                    <RadzenLink Path="https://www.radzen.com/pricing" target="_blank" Style="color: #FFB9FF !important;"><strong>See Pricing ↗</strong></RadzenLink>
+                                </RadzenText>
+                            </RadzenAlert>
                             @Body
                             <RadzenCard class="rz-mt-12 rz-display-block rz-p-6 rz-p-md-12">
                                 <RadzenRow AlignItems="AlignItems.Center" Gap="0px">

diff --git a/RadzenBlazorDemos/wwwroot/css/site.css b/RadzenBlazorDemos/wwwroot/css/site.css
@@ -462,7 +462,9 @@ svg.illustration {
 /* Promo */
 
 .promo-alert {
-    background: linear-gradient(110deg, rgba(0,0,0,0.4) 100%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.4) 100%),linear-gradient(110deg, #000 20%, #AA01E4 75%, #534EEB 100%);
+    background: url("../images/2025.jpg") no-repeat, linear-gradient(110deg, rgba(0,0,0,0.4) 100%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.4) 100%),linear-gradient(110deg, #000 20%, #AA01E4 75%, #534EEB 100%);
+    background-size: cover;
+    padding: 2rem !important;
 }
 
 /* Responsive */

diff --git a/RadzenBlazorDemos/wwwroot/images/2025.jpg b/RadzenBlazorDemos/wwwroot/images/2025.jpg