seo enhancements

ChilliCream · Dec 19, 2022 · ff6d92f · ff6d92f
1 parent 6213a1e
commit ff6d92f
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 16 deletions.
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -29,6 +29,7 @@ import { GetIndexPageDataQuery } from "@/graphql-types";
 import { THEME_COLORS } from "@/shared-style";
 
 // Artwork
+import { SrOnly } from "@/components/misc/sr-only";
 import ContactUsSvg from "@/images/artwork/contact-us.svg";
 import DashboardSvg from "@/images/artwork/dashboard.svg";
 import GetStartedSvg from "@/images/artwork/get-started.svg";
@@ -110,7 +111,9 @@ const IndexPage: FC = () => {
               from server to client. Fetch once with no more under- or
               over-fetching, just the right amount.
             </p>
-            <Link to="/platform">Learn more</Link>
+            <Link to="/platform">
+              Learn more<SrOnly> about the ChilliCream GraphQL platform</SrOnly>
+            </Link>
           </ContentContainer>
         </SectionRow>
       </Section>
@@ -122,11 +125,13 @@ const IndexPage: FC = () => {
           <ContentContainer>
             <SectionTitle>Get Started</SectionTitle>
             <p>
-              Creating a GraphQL API with Hot Chocolate is very easy. Check out
-              our startup guide and see how simple it is to create your first
-              API.
+              Creating a GraphQL .NET API with Hot Chocolate is very easy. Check
+              out our startup guide and see how simple it is to create your
+              first API.
             </p>
-            <Link to="/docs/hotchocolate">Learn more</Link>
+            <Link to="/docs/hotchocolate">
+              Learn more<SrOnly> on how to build GraphQL .NET APIs</SrOnly>
+            </Link>
           </ContentContainer>
         </SectionRow>
       </Section>

diff --git a/website/src/pages/platform.tsx b/website/src/pages/platform.tsx
@@ -16,6 +16,7 @@ import { Hero, Intro, Teaser, Title } from "@/components/misc/page-elements";
 import { SEO } from "@/components/misc/seo";
 
 // Artwork
+import { SrOnly } from "@/components/misc/sr-only";
 import UnderConstructionSvg from "@/images/artwork/under-construction.svg";
 
 const PlatformPage: FC = () => {
@@ -42,11 +43,14 @@ const PlatformPage: FC = () => {
           <ContentContainer>
             <SectionTitle>Hot Chocolate</SectionTitle>
             <p>
-              Hot Chocolate is our GraphQL server and provides core libraries
-              for Strawberry Shake, our GraphQL client, and our GraphQL tools.
-              No wonder why Hot Chocolate is the ChilliCream's platform core.
+              Hot Chocolate is a high-performant GraphQL .NET server and
+              provides core libraries for Strawberry Shake, a GraphQL .NET
+              client, and the ChilliCream GraphQL tools. No wonder why Hot
+              Chocolate is the ChilliCream's platform core.
             </p>
-            <Link to="/docs/hotchocolate">Learn more</Link>
+            <Link to="/docs/hotchocolate">
+              Learn more<SrOnly> on how to build GraphQL .NET APIs</SrOnly>
+            </Link>
           </ContentContainer>
         </SectionRow>
       </Section>
@@ -58,11 +62,13 @@ const PlatformPage: FC = () => {
           <ContentContainer>
             <SectionTitle>Banana Cake Pop</SectionTitle>
             <p>
-              Banana Cake Pop is our tool to explore schemas, execute operations
-              and get deep performance insights about any GraphQL server out
-              there.
+              Banana Cake Pop is a GraphQL IDE to explore schemas, execute
+              operations and get deep performance insights about any GraphQL
+              server out there.
             </p>
-            <Link to="/docs/bananacakepop">Learn more</Link>
+            <Link to="/docs/bananacakepop">
+              Learn more<SrOnly> about our GraphQL IDE</SrOnly>
+            </Link>
           </ContentContainer>
         </SectionRow>
       </Section>
@@ -74,10 +80,21 @@ const PlatformPage: FC = () => {
           <ContentContainer>
             <SectionTitle>Strawberry Shake</SectionTitle>
             <p>
-              Strawberry Shake is a tool that generates custom .Net clients for
-              any GraphQL endpoint.
+              Strawberry Shake is a GraphQL tool to generate reactive GraphQL
+              .NET clients to build modern, state of the art apps in e.g.{" "}
+              <Link to="https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor">
+                Blazor
+              </Link>{" "}
+              or{" "}
+              <Link to="https://learn.microsoft.com/dotnet/maui/what-is-maui">
+                .NET MAUI
+              </Link>
+              .
             </p>
-            <Link to="/docs/strawberryshake">Learn more</Link>
+            <Link to="/docs/strawberryshake">
+              Learn more
+              <SrOnly> on how to write reactive GraphQL .NET clients</SrOnly>
+            </Link>
           </ContentContainer>
         </SectionRow>
       </Section>