Merge pull request #7686 from apollographql/sb/homepage-tweaks

Clean up docs homepage a bit

docs/source/index.mdx

@@ -11,40 +11,40 @@ import { colors } from 'gatsby-theme-apollo-core';
 
 Apollo Client helps you structure code in an economical, predictable, and declarative way that's consistent with modern development practices. The core `@apollo/client` library provides built-in integration with React, and the larger Apollo community maintains [integrations for other popular view layers](#community-integrations).
 
-<div>
+<p>
   <Button
     size="large"
+    color={colors.primary}
     as={<Link to="/get-started/" />}
   >
     Get started!
   </Button>
-</div>
+</p>
 
 ## Features
 
 - **Declarative data fetching:** Write a query and receive data without manually tracking loading states.
 - **Excellent developer experience:** Enjoy helpful tooling for TypeScript, Chrome DevTools, and VS Code.
 - **Designed for modern React:** Take advantage of the latest React features, such as hooks.
-- **Incrementally adoptable:** Drop Apollo into any JavaScript app seamlessly.
+- **Incrementally adoptable:** Drop Apollo into any JavaScript app and incorporate it feature by feature.
 - **Universally compatible:** Use any build setup and any GraphQL API.
-- **Community driven:** Share knowledge with thousands of developers, thanks to our active open source community.
+- **Community driven:** Share knowledge with thousands of developers in the GraphQL community.
 
-## Explore the docs
+## Recommended docs
 
-After you [get started](./get-started/), check out the full Apollo Client docs, organized into the following sections on the left:
+After you [get started](./get-started/), check out the full Apollo Client documentation in the navigation on the left.
 
-* **Fetching:** Execute queries and other GraphQL operations on your server. **Definitely read [Queries](./data/queries/) if you haven't yet.**
-* **Caching:** Query your cache directly and make local-only modifications to your data.
-* **Local State:** Manage both local and remotely fetched state with a single API.
-* **Development & testing:** Learn about Apollo Client's language and tooling support.
-* **Performance:** Take advantage of advanced features to optimize performance and user experience.
-* **Integrations:** Explore support for view layers besides React.
-* **Networking:** Learn how Apollo Client communicates over the network by default, along with how to customize this behavior.
-* **API:** Consult the complete API reference for Apollo Client, its React APIs, and additional packages.
+We recommend the following articles in particular:
+
+* **[Queries](./data/queries/) and [Mutations](./data/mutations/)**. These are the read and write operations of GraphQL.
+* [**Configuring the cache**](./caching/cache-configuration). Apollo Client's normalized cache enables you to skip network requests entirely when data is already available locally.
+* [**Managing local state**](./local-state/local-state-management/). Apollo Client provides APIs for managing both remote and local data, enabling you to consolidate all of your application's state.
+* [**Basic HTTP networking**](./network/basic-http-networking/). Learn how to send custom headers and other authentication metadata in your queries.
+* [**Testing React components**](./development-testing/testing/). Test your GraphQL operations without requiring a connection to a server.
 
 ## Community integrations
 
-This site's documentation focuses on React, but Apollo Client supports many other libraries and languages:
+This documentation set focuses on React, but Apollo Client supports many other libraries and languages:
 
 - JavaScript
   - [Angular](https://apollo-angular.com)