💄 Drafting new Design

koeeenig · Jan 23, 2024 · 3e9235c · 3e9235c
1 parent e9dfbfa
commit 3e9235c
Show file tree

Hide file tree

Showing 50 changed files with 2,319 additions and 454 deletions.
diff --git a/src/BlazeKit.CLI/Tasks/Tools/TskDotNetWatch.cs b/src/BlazeKit.CLI/Tasks/Tools/TskDotNetWatch.cs
@@ -11,7 +11,8 @@ public TskDotNetWatch(RunSettings settings,Action<string> output, CancellationTo
                 new CancableProcess(
                     new ExecCliCommand(
                         "dotnet", (msg) => output(msg),
-                        "watch", settings.Dotnet ?? "--non-interactive"
+                        // "watch", settings.Dotnet ?? "--non-interactive"
+                        "watch", settings.Dotnet ?? ""
                     ),
                     cancel.Token
                 ).Invoke();

diff --git a/src/BlazeKit.Site.Static/Properties/launchSettings.json b/src/BlazeKit.Site.Static/Properties/launchSettings.json
@@ -0,0 +1,12 @@
+{
+  "profiles": {
+    "BlazeKit.Site.Static": {
+      "commandName": "Project",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      },
+      "applicationUrl": "https://localhost:62392;http://localhost:62393"
+    }
+  }
+}
diff --git a/src/BlazeKit.Website.Islands/BlazeKit.Website.Islands.csproj b/src/BlazeKit.Website.Islands/BlazeKit.Website.Islands.csproj
@@ -4,6 +4,7 @@
     <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
+    <RootNamespace>BlazeKit.Website.Client</RootNamespace>
     <StaticWebAssetProjectMode>Default</StaticWebAssetProjectMode>
     <EmitCompilerGeneratedFiles>true</EmitCompilerGeneratedFiles>
     <CompilerGeneratedFilesOutputPath>.blazekit</CompilerGeneratedFilesOutputPath>
@@ -15,8 +16,13 @@
     <ProjectReference Include="..\..\src\BlazeKit.Reactivity\BlazeKit.Reactivity.csproj" />
   </ItemGroup>
 
-  <ItemGroup>
-    <Folder Include="Components\MVVM\" />
+    <ItemGroup>
+    <Content Include="..\BlazeKit.Website\Islands\Components\**\*.razor;..\BlazeKit.Website\Islands\Components\**\*.razor.cs;..\BlazeKit.Website\Islands\Components\Islands\**\*.cs">
+      <Link>Components\%(RecursiveDir)/%(FileName)%(Extension)</Link>
+    </Content>
+    <Compile Include="..\BlazeKit.Website\Islands\Components\**\*.cs">
+      <Link>Components\%(RecursiveDir)/%(FileName)%(Extension)</Link>
+    </Compile>
   </ItemGroup>
 
 </Project>
diff --git a/src/BlazeKit.Website.Islands/ClientLoadMode.cs b/src/BlazeKit.Website.Islands/ClientLoadMode.cs
@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Rendering;
+
+namespace BlazeKit.Islands;
+
+ public enum ClientLoadMode
+{
+    Idle,
+    Hover,
+    Visible,
+    None
+}
diff --git a/src/BlazeKit.Website.Islands/Components/DevTools.razor b/src/BlazeKit.Website.Islands/Components/DevTools.razor
@@ -136,7 +136,7 @@
 <!-- Button to trigger the modal -->
 <button
   data-target="devtools"
-  class="devtools-button"
+  class="devtools-button btn btn-primary"
   onClick="toggleDevTools()">
   <img src="./images/blazekit-logo.svg" alt="BlazeKit Logo" />
   <span>🛠️</span>

diff --git a/src/BlazeKit.Website.Islands/Components/MVVM/Counter.razor b/src/BlazeKit.Website.Islands/Components/MVVM/Counter.razor
diff --git a/src/BlazeKit.Website.Islands/Components/WASMIsland.cs b/src/BlazeKit.Website.Islands/Components/WASMIsland.cs
diff --git a/src/BlazeKit.Website.Islands/Program.cs b/src/BlazeKit.Website.Islands/Program.cs
@@ -1,10 +1,4 @@
-using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
-using BlazeKit.Website.Islands;
-using BlazeKit.Website.Islands.Components;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
-// register the Greeting component as a custom element
-// requires -> dotnet add package Microsoft.AspNetCore.Components.CustomElements
-// builder.RootComponents.RegisterCustomElement<Counter>("bkit-counter");
 await builder.Build().RunAsync();
diff --git a/src/BlazeKit.Website.Islands/_Imports.razor b/src/BlazeKit.Website.Islands/_Imports.razor
@@ -6,9 +6,9 @@
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.AspNetCore.Components.WebAssembly.Http
 @using Microsoft.JSInterop
-@using BlazeKit.Website.Islands
+@using BlazeKit.Website
 @using BlazeKit.Reactivity
 @using BlazeKit.Reactivity.Signals
 @using BlazeKit.Reactivity.Blazor
-@using static BlazeKit.Website.Islands.WASMIsland.ClientLoadMode;
+@using static BlazeKit.Islands.ClientLoadMode;
 @using static Microsoft.AspNetCore.Components.Web.RenderMode
diff --git a/src/BlazeKit.Website/.config/dotnet-tools.json b/src/BlazeKit.Website/.config/dotnet-tools.json
@@ -0,0 +1,5 @@
+{
+  "version": 1,
+  "isRoot": true,
+  "tools": {}
+}
diff --git a/src/BlazeKit.Website/AppRouter.razor b/src/BlazeKit.Website/AppRouter.razor
@@ -5,8 +5,8 @@
 <WebAssemblyLoadProgress />
 @if(HostEnvironment.IsDevelopment())
 {
-    <BlzIsland Client="@(None)" ComponentType="@(typeof(DevTools))">
-        <DevTools />
+    <BlzIsland Client="@(None)" ComponentType="@(typeof(BlazeKit.Website.Client.Components.DevTools))">
+        <BlazeKit.Website.Client.Components.DevTools />
     </BlzIsland>
 }
 <Router AppAssembly="@typeof(Index).Assembly">

diff --git a/src/BlazeKit.Website/BlazeKit.Website.csproj b/src/BlazeKit.Website/BlazeKit.Website.csproj
@@ -19,15 +19,20 @@
   </ItemGroup>
 
   <ItemGroup>
-    <None Include="..\BlazeKit.Website.Islands\Components\**\*.razor;..\BlazeKit.Website.Islands\Components\**\*.razor.cs" Exclude="..\BlazeKit.Website.Islands\obj\**\*.razor;..\BlazeKit.Website.Islands\bin\**\*.razor;">
-      <Link>Components\Islands\%(RecursiveDir)/%(FileName)%(Extension)</Link>
+    <AdditionalFiles Include="Routes/**/*.md" />
+    <Watch Include="Routes/**/*.md" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <None Include="Islands\Components\**\*.razor;Islands\Components\**\*.razor.cs;Islands\Components\**\*.cs">
     </None>
   </ItemGroup>
 
 
   <ItemGroup>
-    <AdditionalFiles Include="Routes/**/*.md" />
-    <Watch Include="Routes/**/*.md" />
+    <Folder Include="Islands\" />
+    <Folder Include="Routes\Blog\" />
+    <Folder Include="Routes\Docs\Roadmap\" />
   </ItemGroup>
 
 

diff --git a/src/BlazeKit.Website/Components/Header.razor b/src/BlazeKit.Website/Components/Header.razor
@@ -0,0 +1,28 @@
+<div class="navbar bg-base-100 shadow-lg fixed top-0">
+  <div class="navbar-start">
+    <div class="dropdown">
+      <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
+        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
+      </div>
+      <ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
+        <li><a href="/docs/introduction">Docs</a></li>
+        <li><a href="/blog">Blog</a></li>
+      </ul>
+    </div>
+    <a href="/"><span class="logo-panel"><img src="images/blazekit-logo.svg" class="logo" /></span></a>
+    <ul class="menu menu-horizontal px-1 hidden lg:flex">
+      <li><a href="/docs/introduction">Docs</a></li>
+      <li><a href="/blog">Blog</a></li>
+    </ul>
+  </div>
+  @* <div class="navbar-center hidden lg:flex">
+    <ul class="menu menu-horizontal px-1">
+      <li><a href="/docs/introduction">Docs</a></li>
+      <li><a href="/blog">Blog</a></li>
+    </ul>
+  </div> *@
+  <div class="navbar-end">
+    <a role="button" class="btn btn-sm btn-ghost btn-square" href="https://github.com/koeeenig/blazekit" target="_blank">
+    <svg class="w-5 h-5" viewbox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="currentcolor"/></svg></a>
+  </div>
+</div>
diff --git a/src/BlazeKit.Website/Components/Hero.razor b/src/BlazeKit.Website/Components/Hero.razor
@@ -0,0 +1,12 @@
+<section class="flex-col justify-items-center mt-32">
+<h1 class="text-center text-4xl sm:text-7xl font-black max-w-4xl mx-auto">The <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 346.66656494140625 250.0000762939453" class="h-20 inline">
+  <g transform="translate(55 30) rotate(0 6.666717529296875 101.66667938232422)" stroke="none"><path fill="#1971c2" d="M 10.48,-1.49 Q 10.48,-1.49 11.11,1.83 11.74,5.16 13.88,11.85 16.03,18.55 16.51,23.83 16.99,29.11 17.81,35.62 18.62,42.13 20.07,49.45 21.53,56.78 22.33,63.84 23.12,70.89 23.62,77.87 24.12,84.84 24.25,91.60 24.38,98.36 25.22,103.67 26.07,108.98 26.31,114.26 26.56,119.54 26.51,127.11 26.47,134.68 26.50,141.03 26.52,147.37 26.59,152.62 26.66,157.86 26.69,163.59 26.73,169.31 26.80,173.76 26.87,178.21 26.87,184.29 26.86,190.37 26.15,195.73 25.44,201.09 24.94,202.17 24.45,203.25 24.05,204.85 23.65,206.46 22.88,207.92 22.11,209.39 21.01,210.62 19.92,211.86 18.55,212.80 17.19,213.73 15.64,214.32 14.10,214.90 12.45,215.10 10.81,215.30 9.17,215.09 7.53,214.89 5.98,214.30 4.44,213.72 3.08,212.78 1.72,211.83 0.63,210.59 -0.46,209.36 -1.23,207.89 -1.99,206.42 -2.39,204.82 -2.78,203.21 -2.78,201.56 -2.78,199.90 -2.65,203.30 -2.52,206.69 -3.57,204.74 -4.62,202.79 -5.00,200.60 -5.37,198.42 -5.02,196.23 -4.68,194.03 -3.65,192.07 -2.63,190.10 -1.03,188.57 0.56,187.03 2.57,186.09 4.58,185.14 6.78,184.89 8.98,184.64 11.15,185.10 13.32,185.56 15.23,186.69 17.14,187.83 18.58,189.51 20.03,191.19 20.86,193.24 21.70,195.30 21.83,197.51 21.96,199.72 21.38,201.87 20.80,204.01 19.57,205.85 18.34,207.69 16.58,209.05 14.82,210.40 12.73,211.12 10.63,211.84 8.41,211.85 6.20,211.87 4.09,211.17 1.98,210.48 0.21,209.15 -1.55,207.82 -2.81,205.99 -4.07,204.16 -4.67,202.03 -5.28,199.89 -5.17,197.68 -5.07,195.46 -4.26,193.40 -3.45,191.33 -2.02,189.64 -0.60,187.94 1.28,186.78 3.18,185.63 5.34,185.14 7.50,184.65 9.71,184.87 11.91,185.10 13.93,186.02 15.95,186.94 17.57,188.45 19.19,189.97 19.19,189.97 19.19,189.96 21.82,196.61 24.45,203.25 24.05,204.85 23.65,206.46 22.88,207.92 22.11,209.38 21.01,210.62 19.92,211.86 18.55,212.79 17.19,213.73 15.65,214.32 14.10,214.90 12.46,215.10 10.81,215.30 9.17,215.09 7.53,214.89 5.99,214.31 4.44,213.72 3.08,212.78 1.72,211.83 0.63,210.60 -0.46,209.36 -1.23,207.89 -1.99,206.43 -2.39,204.82 -2.78,203.21 -2.78,201.56 -2.78,199.91 -1.49,195.10 -0.20,190.30 -0.20,184.25 -0.21,178.21 -0.13,173.76 -0.06,169.31 -0.02,163.59 0.00,157.86 0.07,152.62 0.13,147.38 0.15,141.06 0.17,134.73 0.08,127.34 -0.00,119.95 0.12,115.02 0.25,110.09 -0.42,104.29 -1.10,98.50 -1.09,92.07 -1.09,85.64 -1.27,80.07 -1.44,74.50 -2.05,70.14 -2.66,65.78 -3.04,60.17 -3.42,54.56 -4.67,49.09 -5.92,43.62 -6.54,36.65 -7.17,29.68 -7.05,25.12 -6.94,20.57 -8.38,14.41 -9.82,8.25 -10.15,4.87 -10.48,1.49 -10.51,0.22 -10.54,-1.05 -10.26,-2.30 -9.98,-3.54 -9.41,-4.69 -8.84,-5.83 -8.01,-6.80 -7.19,-7.78 -6.15,-8.52 -5.11,-9.27 -3.93,-9.75 -2.75,-10.23 -1.48,-10.41 -0.22,-10.59 1.04,-10.46 2.31,-10.33 3.52,-9.90 4.72,-9.48 5.79,-8.77 6.85,-8.07 7.72,-7.13 8.59,-6.19 9.20,-5.08 9.82,-3.96 10.15,-2.73 10.48,-1.49 10.48,-1.49 L 10.48,-1.49 Z"></path></g><g transform="translate(10 31.666641235351562) rotate(0 77.5 93.3333969116211)" stroke="none"><path fill="#1971c2" d="M -10.14,-2.89 Q -10.14,-2.89 -9.32,-6.30 -8.50,-9.70 -3.59,-16.39 1.31,-23.08 5.96,-25.95 10.61,-28.81 17.11,-31.15 23.61,-33.49 28.40,-33.94 33.20,-34.39 37.82,-34.54 42.44,-34.68 47.48,-34.85 52.52,-35.02 58.06,-35.14 63.59,-35.26 68.98,-34.03 74.37,-32.81 78.56,-31.69 82.75,-30.58 88.58,-28.62 94.42,-26.66 98.44,-24.35 102.46,-22.03 107.63,-17.60 112.79,-13.17 116.46,-10.00 120.14,-6.82 125.37,-2.27 130.61,2.27 134.64,7.33 138.68,12.38 143.24,18.69 147.80,25.00 151.37,30.84 154.94,36.67 157.98,44.69 161.02,52.70 161.98,56.95 162.94,61.21 164.91,69.27 166.88,77.34 167.34,84.40 167.80,91.46 167.90,97.96 167.99,104.45 168.10,109.04 168.21,113.64 167.68,119.09 167.14,124.55 165.68,130.71 164.22,136.88 160.90,143.40 157.59,149.92 153.90,155.34 150.21,160.76 144.54,166.52 138.87,172.28 135.30,175.06 131.72,177.84 126.78,181.74 121.84,185.65 113.35,190.64 104.86,195.62 100.52,197.39 96.17,199.15 89.89,202.73 83.62,206.31 78.39,208.36 73.15,210.40 67.39,212.12 61.62,213.84 57.25,215.11 52.89,216.39 47.52,218.06 42.15,219.72 39.46,220.19 36.76,220.66 34.74,220.62 32.73,220.58 30.83,219.89 28.94,219.21 27.36,217.96 25.78,216.71 24.68,215.02 23.59,213.33 23.09,211.37 22.59,209.42 22.74,207.41 22.89,205.40 23.67,203.55 24.46,201.69 25.79,200.18 27.13,198.67 28.87,197.67 30.62,196.66 32.60,196.27 34.58,195.88 36.57,196.14 38.57,196.40 40.38,197.28 42.20,198.16 43.63,199.58 45.06,201.00 45.97,202.79 46.88,204.59 47.16,206.59 47.45,208.58 47.08,210.57 46.71,212.55 45.73,214.31 44.75,216.07 43.26,217.42 41.77,218.78 39.93,219.59 38.08,220.40 36.07,220.57 34.06,220.75 32.11,220.28 30.15,219.80 28.44,218.73 26.74,217.65 25.46,216.09 24.19,214.53 23.48,212.64 22.78,210.75 22.71,208.74 22.64,206.73 23.22,204.80 23.80,202.87 24.97,201.22 26.13,199.58 27.76,198.39 29.39,197.20 31.31,196.60 33.23,196.00 33.23,196.00 33.23,196.00 36.35,195.62 39.46,195.24 46.75,193.10 54.05,190.96 58.89,189.16 63.73,187.37 67.67,185.66 71.62,183.95 78.83,179.78 86.04,175.61 92.74,172.60 99.45,169.60 104.58,165.41 109.72,161.23 115.55,156.51 121.39,151.79 124.69,148.63 127.98,145.47 130.82,141.59 133.67,137.70 136.26,132.75 138.86,127.79 139.89,123.35 140.93,118.90 141.40,114.27 141.86,109.64 141.93,104.60 142.00,99.57 141.87,93.00 141.75,86.42 141.31,81.14 140.88,75.86 139.27,71.52 137.66,67.17 136.05,60.92 134.45,54.67 131.47,49.20 128.48,43.74 125.59,39.32 122.70,34.89 117.96,29.07 113.23,23.25 109.77,20.54 106.31,17.83 101.94,14.19 97.57,10.54 93.85,7.00 90.13,3.46 86.17,-0.00 82.20,-3.47 77.01,-4.33 71.81,-5.19 67.60,-6.63 63.39,-8.06 57.96,-8.18 52.54,-8.30 47.57,-8.46 42.60,-8.61 38.23,-8.69 33.87,-8.77 28.95,-8.12 24.03,-7.47 18.18,-5.59 12.34,-3.70 11.24,-0.40 10.14,2.89 9.65,4.07 9.15,5.24 8.39,6.26 7.63,7.28 6.65,8.08 5.67,8.89 4.52,9.44 3.37,9.99 2.13,10.25 0.88,10.51 -0.38,10.46 -1.65,10.42 -2.87,10.07 -4.10,9.72 -5.20,9.09 -6.30,8.45 -7.22,7.58 -8.14,6.70 -8.83,5.62 -9.51,4.55 -9.92,3.35 -10.33,2.14 -10.43,0.87 -10.54,-0.38 -10.34,-1.64 -10.14,-2.89 -10.14,-2.89 L -10.14,-2.89 Z"></path></g><g transform="translate(205 30) rotate(0 55.833282470703125 77.50003814697266)" stroke="none"><path fill="#1971c2" d="M 7.50,-7.50 Q 7.50,-7.50 10.46,-4.71 13.41,-1.91 17.13,1.97 20.84,5.87 24.55,10.11 28.26,14.34 32.18,19.48 36.10,24.61 39.69,29.56 43.29,34.51 47.15,39.04 51.00,43.57 53.77,47.02 56.53,50.48 60.55,56.70 64.57,62.93 67.69,67.68 70.81,72.43 73.24,76.64 75.68,80.85 78.97,86.77 82.26,92.69 85.33,96.29 88.40,99.88 91.45,104.54 94.50,109.20 97.91,114.14 101.31,119.07 104.02,122.73 106.73,126.39 110.60,131.04 114.48,135.70 119.14,141.37 123.81,147.05 124.76,149.20 125.71,151.34 125.92,153.68 126.14,156.02 125.60,158.31 125.05,160.59 123.81,162.58 122.57,164.57 120.75,166.06 118.94,167.55 116.74,168.39 114.55,169.22 112.20,169.31 109.85,169.40 107.60,168.73 105.35,168.06 103.43,166.71 101.51,165.36 100.12,163.47 98.73,161.58 98.01,159.34 97.30,157.10 97.34,154.76 97.38,152.41 98.17,150.20 98.95,147.98 100.41,146.14 101.86,144.29 103.82,143.01 105.79,141.72 108.06,141.13 110.33,140.54 112.68,140.71 115.02,140.87 117.19,141.78 119.35,142.69 121.12,144.24 122.88,145.79 124.06,147.82 125.23,149.85 125.70,152.15 126.17,154.45 125.87,156.78 125.58,159.11 124.56,161.23 123.54,163.34 121.89,165.02 120.25,166.70 118.16,167.76 116.06,168.83 113.74,169.17 111.42,169.51 109.11,169.09 106.80,168.67 104.74,167.54 102.68,166.40 101.10,164.67 99.51,162.94 99.51,162.94 99.51,162.94 96.78,159.40 94.04,155.86 90.68,152.33 87.31,148.81 84.40,144.50 81.49,140.19 78.61,135.99 75.73,131.78 72.25,126.63 68.78,121.48 65.26,115.89 61.75,110.31 59.57,105.89 57.39,101.48 53.61,96.05 49.83,90.62 47.35,86.55 44.87,82.48 41.78,78.04 38.69,73.60 34.79,67.25 30.89,60.89 27.69,56.69 24.49,52.48 21.39,47.51 18.29,42.54 14.39,36.63 10.50,30.72 7.01,26.27 3.52,21.81 0.80,17.61 -1.91,13.41 -4.71,10.46 -7.50,7.50 -8.29,6.50 -9.08,5.49 -9.61,4.32 -10.13,3.15 -10.36,1.90 -10.59,0.64 -10.52,-0.63 -10.44,-1.91 -10.06,-3.13 -9.68,-4.35 -9.02,-5.45 -8.35,-6.54 -7.45,-7.45 -6.54,-8.35 -5.45,-9.02 -4.35,-9.68 -3.13,-10.06 -1.91,-10.44 -0.63,-10.52 0.64,-10.59 1.90,-10.36 3.16,-10.13 4.32,-9.61 5.49,-9.08 6.50,-8.29 7.50,-7.50 7.50,-7.50 L 7.50,-7.50 Z"></path></g><g transform="translate(196.66656494140625 198.33335876464844) rotate(0 70 -80)" stroke="none"><path fill="#1971c2" d="M -6.22,-7.78 Q -6.22,-7.78 -1.39,-11.56 3.44,-15.34 7.14,-18.75 10.84,-22.16 15.00,-27.26 19.17,-32.36 24.04,-37.31 28.90,-42.26 32.19,-46.28 35.47,-50.30 40.70,-57.64 45.93,-64.99 49.82,-71.35 53.72,-77.71 56.49,-81.55 59.26,-85.39 62.75,-88.89 66.23,-92.39 69.83,-95.87 73.43,-99.35 76.66,-102.95 79.90,-106.56 83.22,-110.47 86.54,-114.38 91.69,-121.22 96.85,-128.07 101.40,-133.23 105.96,-138.39 109.80,-142.80 113.65,-147.21 116.83,-152.19 120.02,-157.17 123.09,-161.19 126.16,-165.21 129.26,-167.96 132.36,-170.70 134.27,-171.64 136.17,-172.58 138.28,-172.86 140.39,-173.14 142.48,-172.73 144.57,-172.32 146.42,-171.27 148.27,-170.22 149.68,-168.63 151.10,-167.04 151.93,-165.09 152.77,-163.13 152.93,-161.01 153.10,-158.89 152.58,-156.82 152.06,-154.76 150.91,-152.97 149.76,-151.18 148.09,-149.85 146.43,-148.53 144.43,-147.80 142.43,-147.07 140.30,-147.02 138.18,-146.97 136.15,-147.60 134.11,-148.23 132.39,-149.48 130.67,-150.73 129.43,-152.46 128.20,-154.19 127.58,-156.23 126.96,-158.26 127.02,-160.39 127.09,-162.52 127.83,-164.51 128.57,-166.50 129.91,-168.16 131.25,-169.81 133.04,-170.95 134.84,-172.09 136.91,-172.60 138.97,-173.11 141.09,-172.93 143.21,-172.75 145.16,-171.90 147.11,-171.05 148.69,-169.63 150.27,-168.20 151.31,-166.34 152.35,-164.49 152.75,-162.40 153.14,-160.31 152.85,-158.20 152.55,-156.09 151.60,-154.19 150.65,-152.29 149.14,-150.79 147.63,-149.29 147.63,-149.29 147.63,-149.29 147.53,-149.75 147.43,-150.21 143.61,-145.92 139.79,-141.63 135.41,-136.10 131.04,-130.58 127.36,-126.96 123.67,-123.34 119.07,-118.77 114.46,-114.20 108.94,-107.23 103.43,-100.27 99.97,-96.06 96.51,-91.85 92.80,-87.62 89.09,-83.38 85.39,-79.70 81.68,-76.02 77.13,-71.40 72.58,-66.78 69.80,-62.14 67.03,-57.49 61.87,-51.51 56.72,-45.53 53.86,-41.48 51.01,-37.43 47.41,-33.15 43.81,-28.87 37.12,-21.32 30.42,-13.78 27.28,-10.56 24.13,-7.35 19.93,-3.67 15.72,0.00 10.97,3.89 6.22,7.78 5.20,8.41 4.18,9.04 3.03,9.41 1.89,9.78 0.69,9.86 -0.50,9.95 -1.68,9.74 -2.86,9.54 -3.96,9.06 -5.06,8.57 -6.02,7.84 -6.97,7.11 -7.72,6.17 -8.47,5.24 -8.97,4.15 -9.48,3.06 -9.71,1.88 -9.94,0.70 -9.87,-0.49 -9.81,-1.69 -9.47,-2.84 -9.12,-3.99 -8.51,-5.03 -7.90,-6.06 -7.06,-6.92 -6.22,-7.78 -6.22,-7.78 L -6.22,-7.78 Z"></path></g></svg></span> focused Framework <br /> for Blazor .NET</h1>
+  <div class="text-center text-2xl mt-10">
+    <p>BlazeKit elevates your developer experience for full-stack Blazor apps to new heights.</p>
+</div>
+  <div class="flex flex-col lg:flex-row justify-center gap-5 lg:gap-20 mt-5">
+    <a href="/docs/introduction" role="button" class="btn btn-default">Get Started</a>
+    <a href="/docs/introduction" role="button" class="btn btn-default">Documentation</a>
+    <a href="https://github.com/koeeenig/blazekit" target="_blank" role="button" class="btn btn-default">View on GitHub</a>
+  </div>
+</section>