diff --git a/HelloBlazorServer/HelloBlazorServer/Components/App.razor b/HelloBlazorServer/HelloBlazorServer/Components/App.razor
index db6cc7d..ac481af 100644
--- a/HelloBlazorServer/HelloBlazorServer/Components/App.razor
+++ b/HelloBlazorServer/HelloBlazorServer/Components/App.razor
@@ -9,12 +9,16 @@
     <link rel="stylesheet" href="app.css" />
     <link rel="stylesheet" href="HelloBlazorServer.styles.css" />
     <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="stylesheet" href="_content/Radzen.Blazor/css/material-base.css">
+    @* <link rel="stylesheet" href="_content/Radzen.Blazor/css/standard-base.css" /> *@
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <HeadOutlet />
 </head>
 
 <body>
     <Routes />
     <script src="_framework/blazor.web.js"></script>
+    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
 </body>
 
 </html>
diff --git a/HelloBlazorServer/HelloBlazorServer/Components/Pages/Data.razor b/HelloBlazorServer/HelloBlazorServer/Components/Pages/Data.razor
index 8925edc..5f704bc 100644
--- a/HelloBlazorServer/HelloBlazorServer/Components/Pages/Data.razor
+++ b/HelloBlazorServer/HelloBlazorServer/Components/Pages/Data.razor
@@ -3,22 +3,8 @@
 
 <h3>Data</h3>
 
-<QuickGrid Items="@people">
-    <PropertyColumn Property="@(p => p.PersonId)" Sortable="true" />
-    <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
-    <PropertyColumn Property="@(p => p.BirthDate)" Format="yyyy-MM-dd" Sortable="true" />
-</QuickGrid>
+<RadzenButton Text="@text"></RadzenButton>
 
 @code {
-    record Person(int PersonId, string Name, DateOnly BirthDate);
-
-    IQueryable<Person> people = new[]
-    {
-        new Person(10895, "Jean Martin", new DateOnly(1985, 3, 16)),
-        new Person(10944, "António Langa", new DateOnly(1991, 12, 1)),
-        new Person(11203, "Julie Smith", new DateOnly(1958, 10, 10)),
-        new Person(11205, "Nur Sari", new DateOnly(1922, 4, 27)),
-        new Person(11898, "Jose Hernandez", new DateOnly(2011, 5, 3)),
-        new Person(12130, "Kenji Sato", new DateOnly(2004, 1, 9)),
-    }.AsQueryable();
+    string text = "Test";
 }
diff --git a/HelloBlazorServer/HelloBlazorServer/Components/_Imports.razor b/HelloBlazorServer/HelloBlazorServer/Components/_Imports.razor
index 7c3c685..109d2b2 100644
--- a/HelloBlazorServer/HelloBlazorServer/Components/_Imports.razor
+++ b/HelloBlazorServer/HelloBlazorServer/Components/_Imports.razor
@@ -12,4 +12,6 @@
 @using Microsoft.AspNetCore.Components.QuickGrid
 @using HelloBlazorServer.Interfaces
 @using HelloBlazorServer.Services
-@using HelloBlazorServer.Models
\ No newline at end of file
+@using HelloBlazorServer.Models
+@using Radzen
+@using Radzen.Blazor
\ No newline at end of file
diff --git a/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj b/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj
index 71266b2..569a1a8 100644
--- a/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj
+++ b/HelloBlazorServer/HelloBlazorServer/HelloBlazorServer.csproj
@@ -20,6 +20,7 @@
     <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="8.0.5" />
     <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.4" />
     <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL.Design" Version="1.1.0" />
+    <PackageReference Include="Radzen.Blazor" Version="4.32.8" />
   </ItemGroup>
 
 </Project>
