chore: addressing feedback (#3)

* chore: update feedback

* chore: address gradients-related feedback

* chore: adjust textarea height

* chore: adjust padding

* chore: adjust gradients

* chore: replace Nuclia text with Progress Agentic RAG

* chore: update hero gradient

* chore: delete wrong selector

Author: inikolova

blazor-progress-rag-demo/Pages/AISearch.razor

@@ -31,7 +31,7 @@
                     Progress Agentic RAG Knowledge
                 </h1>
                 <p class="ai-search-description !k-mb-0">
-                    Search our comprehensive Nuclia knowledge base with AI-powered intelligent search for precise, contextual results about Nuclia features, capabilities, and best practices
+                    Search our comprehensive Progress Agentic RAG knowledge base with AI-powered intelligent search for precise, contextual results about Progress Agentic RAG features, capabilities, and best practices
                 </p>
             </div>
 
@@ -48,7 +48,7 @@
                     <p class="ai-search-popular-label !k-mb-0">
                         Popular searches:
                     </p>
-                    <div class="k-d-flex k-flex-wrap k-gap-1.5 k-justify-content-flex-start">
+                    <div class="k-d-flex k-flex-wrap k-gap-1.5 k-justify-content-flex-start k-pb-4.5">
                         @foreach (var searchText in PopularSearches)
                         {
                             <SearchPill Text="@searchText"

blazor-progress-rag-demo/Pages/AgenticRagValue.razor

@@ -18,7 +18,7 @@
                     Progress Agentic RAG Value
                 </h1>
                 <p class="value-proposition-description !k-mb-0">
-                    Generate a customized value proposition showing exactly how Nuclia delivers ROI for your specific industry, company size, and use case.
+                    Generate a customized value proposition showing exactly how Progress Agentic RAG delivers ROI for your specific industry, company size, and use case.
                 </p>
             </div>
         </div>

blazor-progress-rag-demo/Pages/_Host.cshtml

@@ -14,7 +14,7 @@
     <link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-bootstrap/dist/all.css" />
     <link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-utils/dist/all.css" />
     <script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js"></script>
-    <link href="css/site.css" rel="stylesheet" />
+    <link href="~/css/site.css" rel="stylesheet" asp-append-version="true" />
     <script src="js/search-input.js"></script>
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
 </head>

blazor-progress-rag-demo/Shared/SearchInput.razor

@@ -7,7 +7,7 @@
 <div @ref="WrapperRef" class="search-input-container k-w-full">
 <TelerikTextArea Value="@Query"
                  ValueChanged="@HandleValueChanged"
-                 Class="search-input k-white-space-none k-align-items-center k-flex-col k-flex-md-row k-w-full k-p-0.5"
+                 Class="search-input k-white-space-none k-align-items-center k-flex-col k-flex-md-row k-w-full k-p-1"
                  Rounded="@ThemeConstants.TextArea.Rounded.Full"
                  Size="@ThemeConstants.TextArea.Size.Large"
                  Placeholder="@Placeholder"

blazor-progress-rag-demo/wwwroot/css/site.css

@@ -74,14 +74,12 @@ main {
   --kendo-h3-line-height: 1.2;
 }
 
-.hero {
+.value-proposition-results-hero.hero {
   background: linear-gradient(180deg, rgba(250, 250, 250, 0.80) 85%, rgba(236, 236, 236, 0.80) 100%);
 }
 
-.financial-analysis .hero,
-.value-proposition .hero,
-.knowledge-assistant-hero-wrapper {
-  background: transparent;
+.k-body h1:focus {
+  outline: none;
 }
 
 /* Search Input */
@@ -134,9 +132,8 @@ main {
   box-shadow: var(--kendo-elevation-4);
 }
 
-.search-input .send-button {
+.search-input .k-button {
   border: none;
-
 }
 
 
@@ -256,7 +253,7 @@ main {
     transform-origin: center;
     border-radius: 815px;
     pointer-events: none;
-   
+    z-index: -1;  
 }
 
 .user-selection-wrapper:after {
@@ -284,6 +281,7 @@ main {
     transform-origin: center;
     border-radius: 815px;
     pointer-events: none;
+    z-index: -1;
     background: conic-gradient(from 180deg at 49.93% 47.29%, rgba(0, 119, 255, 0.6) 0deg, rgba(0, 200, 255, 0.3) 180deg, rgba(255, 0, 251, 0.6) 360deg);
 }
 
@@ -301,13 +299,12 @@ main {
     rgba(0, 119, 255, 0.6) 360deg
   );
   filter: blur(75px);
-  opacity: 0.6;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 115px;
+  bottom: 64px;
   border-radius: 815px;
   pointer-events: none;
-  z-index: 0;
+  z-index: -1;
 }
 
 /* Knowledge Assistant gradient - positioned lower in the content, only shown before conversation starts */
@@ -324,13 +321,12 @@ main {
     rgba(0, 119, 255, 0.6) 360deg
   );
   filter: blur(75px);
-  opacity: 0.6;
   left: 50%;
-  bottom: 115px;
+  bottom: 64px;
   transform: translateX(-50%);
   border-radius: 815px;
   pointer-events: none;
-  z-index: 0;
+  z-index: -1;
 }
 
 .k-drawer-item {
@@ -836,14 +832,29 @@ main {
 /* Search Input Buttons */
 .k-button-lg.search-input-button, 
 .k-button-lg.send-button {
-  padding: 11px;
+  padding: 10px;
+}
+
+.search-input .k-button {
+  color: #A1B0C7;
 }
 
 .search-input .send-button {
   color: #fff;
   background-color: #A1B0C7;
 }
 
+.search-input .k-textarea {
+  align-self: stretch;
+  height: 40px;
+}
+
+.search-input textarea {
+  align-self: stretch;
+  height: 40px;
+}
+
+
 /* Vectors Background */
 .vectors-background {
   right: 0;
@@ -1225,6 +1236,10 @@ main {
   z-index: 1;
 }
 
+.home-section .search-input-container {
+  max-width: 800px;
+}
+
 .home-heading-padding {
   padding: 10px;
 }
@@ -1318,13 +1333,15 @@ main {
   padding: 24px;
 }
 
-.value-proposition-results-container {
-  background-color: rgba(255, 255, 255, 0.6);
+.value-proposition-textarea > .k-input-inner {
+  padding: 0;
 }
 
-.value-proposition-results-hero {
+.value-proposition-results-hero,
+.ai-search-results-hero {
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
   background: linear-gradient(180deg, rgba(250, 250, 250, 0.80) 85%, rgba(236, 236, 236, 0.80) 100%);
+  z-index: -2;
 }
 
 .value-proposition-results-title {
@@ -1335,13 +1352,13 @@ main {
   max-width: 800px;
 }
 
-.value-proposition-user-selection {
+.value-proposition-user-selection{
   max-width: 770px;
   border-radius: 20px;
   background-color: rgba(255, 255, 255, 0.5);
   border: 1px solid white;
   box-shadow: 0 2px 6px 0 rgba(13, 10, 44, 0.08);
-  backdrop-filter: blur(2px);
+  position: relative;
 }
 
 .value-proposition-label {