Docs: Blocks listing (#5042)

* Add link to blocks and optimze pricing UI * Docs: remove wspay
Megabit · Oct 7, 2023 · 024fcf1 · 024fcf1
1 parent 0fbec08
commit 024fcf1
Show file tree

Hide file tree

Showing 5 changed files with 151 additions and 145 deletions.
diff --git a/Documentation/Blazorise.Docs/Components/Commercial/Faq.razor b/Documentation/Blazorise.Docs/Components/Commercial/Faq.razor
@@ -1,7 +1,7 @@
 @if ( ShowHeader )
 {
-    <Paragraph TextSize="TextSize.Heading1" TextAlignment="TextAlignment.Center" Margin="Margin.Is4.FromBottom">
-        FAQ
+    <Paragraph TextSize="TextSize.Heading1" TextAlignment="TextAlignment.Center" Margin="Margin.Is5.FromTop.Is4.FromBottom">
+        Frequently asked questions
     </Paragraph>
 }
 
@@ -161,5 +161,20 @@
                 </Paragraph>
             }
         },
+
+        new FaqInfo {
+            Title = "What is the difference between Blazorise and Blazorise Blocks?",
+            Body = (__builder) => {
+                <Paragraph>
+                    Blazorise is a component library for Blazor that provides a range of UI components and utilities to help developers build web applications more easily.
+                </Paragraph>
+                <Paragraph>
+                     Blazorise Blocks are a set of predefined UI elements or modules built on top of the Blazorise library. These blocks simplify the web development process by offering ready-to-use sections (like checkout, stats, login forms, etc.) that developers can integrate into their projects without having to design or code them from scratch.
+                </Paragraph>
+                <Paragraph>
+                    In essence, while Blazorise provides the foundational components and tools, Blazorise Blocks offer higher-level, more specialized modules that are based on those foundational components for specific use cases.
+                </Paragraph>
+            }
+        },
     };
 }
diff --git a/Documentation/Blazorise.Docs/Components/Commercial/PlansComparer.razor b/Documentation/Blazorise.Docs/Components/Commercial/PlansComparer.razor
@@ -15,22 +15,22 @@
      <TableBody>
          <TableRow>
              <TableRowHeader TextAlignment="TextAlignment.Start">Public</TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
                  Private
-                 <Tooltip Multiline Text="You get access to all Blazorise private repositories that can include source-code of themes, templates, support forum, and other projects.">
+                 <Tooltip Multiline Text="You get access to all Blazorise private repositories that can include source-code of themes, templates, blocks, support forum, and other projects.">
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
      </TableBody>
 
@@ -39,19 +39,19 @@
              <TableRowHeader TextAlignment="TextAlignment.Start">
                  Commercial Use
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader TextAlignment="TextAlignment.Start">
                  Regular updates
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
@@ -60,64 +60,64 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
-                 <Blazorise.Link To="themes" TextColor="TextColor.Info">
-                     Themes
+                 <Blazorise.Link To="themes" TextColor="TextColor.Primary">
+                     Blazorise Themes
                  </Blazorise.Link>
                  <Tooltip Multiline Text="Access to source code of premium themes and code samples.">
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
-         @* <TableRow>
+         <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
-                 <Blazorise.Link To="blocks" TextColor="TextColor.Info">
-                     Blocks
-                 </Blazorise.Link>
+                 <Anchor To="blocks" TextColor="TextColor.Primary">
+                     Blazorise Blocks
+                 </Anchor>
                  <Tooltip Multiline Text="Access to the source code of growing list of UI blocks that includes full code samples.">
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-         </TableRow> *@
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+         </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
-                 <Anchor To="support" Target="Target.Blank" TextColor="TextColor.Primary">
+                 <Anchor To="support" TextColor="TextColor.Primary">
                      1 year premium forum support
                  </Anchor>
                  <Tooltip Multiline Text="You can get the premium support for one year (you can renew your licence to extend it).">
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
              <TableRowCell>
-                 <Icon Name="IconName.Times" TextColor="TextColor.Light" />
+                 <Icon Name="IconName.Times" TextColor="TextColor.Danger" />
              </TableRowCell>
              <TableRowCell>
                  <Tooltip Text="With 24 hour response time">
-                     <Icon Name="IconName.Clock" TextColor="TextColor.Info" />
+                     <Icon Name="IconName.Clock" TextColor="TextColor.Success" />
                  </Tooltip>
              </TableRowCell>
              <TableRowCell>
                  <Tooltip Text="With 16 hour response time">
-                     <Icon Name="IconName.Clock" TextColor="TextColor.Info" />
+                     <Icon Name="IconName.Clock" TextColor="TextColor.Success" />
                  </Tooltip>
              </TableRowCell>
              <TableRowCell>
-                 <Tooltip Text="With 16 hour response time">
-                     <Icon Name="IconName.Clock" TextColor="TextColor.Info" />
+                 <Tooltip Text="With 16 hour response time, or a direct call to our developers.">
+                     <Icon Name="IconName.Headset" TextColor="TextColor.Success" />
                  </Tooltip>
              </TableRowCell>
          </TableRow>
@@ -128,7 +128,7 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
              <TableRowCell>10</TableRowCell>
              <TableRowCell>25</TableRowCell>
              <TableRowCell><Strong TextColor="TextColor.Primary">Unlimited</Strong></TableRowCell>
@@ -140,7 +140,7 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
              <TableRowCell>24 hours</TableRowCell>
              <TableRowCell>16 hours</TableRowCell>
              <TableRowCell><Strong TextColor="TextColor.Muted">Custom</Strong></TableRowCell>
@@ -152,10 +152,10 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
@@ -166,10 +166,10 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
@@ -180,10 +180,10 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Light" /></TableRowCell>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Times" TextColor="TextColor.Danger" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
          </TableRow>
          <TableRow>
              <TableRowHeader Flex="Flex.JustifyContent.Between">
@@ -192,7 +192,7 @@
                      <Icon Name="IconName.InfoCircle" TextColor="TextColor.Muted" />
                  </Tooltip>
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
              <TableRowCell>1 year</TableRowCell>
              <TableRowCell>1 year</TableRowCell>
              <TableRowCell>1 year</TableRowCell>
@@ -201,7 +201,7 @@
              <TableRowHeader Flex="Flex.JustifyContent.Between">
                  Access to new releases
              </TableRowHeader>
-             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Info" /></TableRowCell>
+             <TableRowCell><Icon Name="IconName.Check" TextColor="TextColor.Success" /></TableRowCell>
              <TableRowCell>1 year</TableRowCell>
              <TableRowCell>1 year</TableRowCell>
              <TableRowCell>1 year</TableRowCell>