From 8268860fda752a11ed34545d73289722640a548a Mon Sep 17 00:00:00 2001
From: WickyNilliams <WickyNilliams@users.noreply.github.com>
Date: Tue, 26 Mar 2024 12:55:31 +0000
Subject: [PATCH] rename "integration" guide to "usage"

---
 docs/src/pages/guides/index.astro                 | 10 +++++-----
 docs/src/pages/guides/theming.astro               |  4 ++--
 .../guides/{integration.astro => usage.astro}     |  4 ++--
 docs/src/pages/index.astro                        | 15 ++++++---------
 4 files changed, 15 insertions(+), 18 deletions(-)
 rename docs/src/pages/guides/{integration.astro => usage.astro} (99%)

diff --git a/docs/src/pages/guides/index.astro b/docs/src/pages/guides/index.astro
index 9a7dff6..b0e858c 100644
--- a/docs/src/pages/guides/index.astro
+++ b/docs/src/pages/guides/index.astro
@@ -13,16 +13,16 @@ import Link from "../../components/Link.astro";
 
     <ul>
       <li>
-        <Link href="/guides/frameworks/">Frameworks</Link> - integrating Cally with
-        your framework of choice
+        <Link href="/guides/frameworks/">Frameworks</Link> - integrating with your
+        framework of choice
       </li>
       <li>
         <Link href="/guides/theming/">Theming</Link> - customizing the look and feel
-        of Cally to match your app
+        to match your app
       </li>
       <li>
-        <Link href="/guides/integration/">Integration</Link> - integrating Cally
-        with your existing components
+        <Link href="/guides/usage/">Usage</Link> - integrating with your existing
+        components to build more complex UIs
       </li>
     </ul>
   </p>
diff --git a/docs/src/pages/guides/theming.astro b/docs/src/pages/guides/theming.astro
index 5bde22f..d44e746 100644
--- a/docs/src/pages/guides/theming.astro
+++ b/docs/src/pages/guides/theming.astro
@@ -593,8 +593,8 @@ const colorTextOnAccent = "#ffffff";
   <p>
     To find out more about each component, please see the respective
     <Link href="/components/">component API</Link> docs. Or visit the
-    <Link href="/guides/integration/">integration</Link> guide for an in-depth look
-    at how to use Cally with existing components.
+    <Link href="/guides/usage/">usage</Link> guide for an in-depth look at how to
+    use Cally with existing components.
   </p>
 </Layout>
 
diff --git a/docs/src/pages/guides/integration.astro b/docs/src/pages/guides/usage.astro
similarity index 99%
rename from docs/src/pages/guides/integration.astro
rename to docs/src/pages/guides/usage.astro
index 1569726..7a6df85 100644
--- a/docs/src/pages/guides/integration.astro
+++ b/docs/src/pages/guides/usage.astro
@@ -7,7 +7,7 @@ import Heading from "../../components/Heading.astro";
 import Link from "../../components/Link.astro";
 ---
 
-<Layout title="Integration">
+<Layout title="Usage">
   <link
     slot="head"
     rel="stylesheet"
@@ -20,7 +20,7 @@ import Link from "../../components/Link.astro";
     src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.14.0/cdn/shoelace.js"
   ></script>
 
-  <h1 slot="intro">Integrating with other components</h1>
+  <h1 slot="intro">Usage with existing components</h1>
   <PageIntro slot="intro">Let's build a date range picker</PageIntro>
 
   <p>
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
index de75b54..5d00d73 100644
--- a/docs/src/pages/index.astro
+++ b/docs/src/pages/index.astro
@@ -35,10 +35,8 @@ const tagline = "Small, feature-rich calendar components";
       logical properties, RTL support
     </li>
     <li>
-      <strong>Themeable</strong> - CSS
-      <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">parts</a
-      >
-      and custom properties to offer flexibility and power
+      <strong>Themeable</strong> - CSS parts and custom properties to offer flexibility
+      and power
     </li>
     <li>
       <strong>Composable</strong> - impose no DOM specific structure, play well with
@@ -156,11 +154,10 @@ const tagline = "Small, feature-rich calendar components";
   <p>
     For a detailed look at each component, check out the respective
     <Link href="/components/">component API</Link> docs. The
-    <Link href="/guides/theming/">theming</Link> guide to explains how to style the
-    components to match your designs. And the
-    <Link href="/guides/integration/">integration</Link> guide explains how to compose
-    Cally's components to build a date/range picker using your own or third-party
-    components.
+    <Link href="/guides/">guides</Link> section offers walkthroughs on
+    <Link href="/guides/theming/">theming</Link>,
+    <Link href="/guides/frameworks/">framework integration</Link>, and
+    <Link href="/guides/usage/">usage with existing components</Link>.
   </p>
 
   <p>