docs: Replace HireUsSection with @swmansion/t-rex-ui component

docs/package.json

@@ -29,7 +29,7 @@
     "@emotion/styled": "^11.10.6",
     "@mdx-js/react": "^1.6.22",
     "@mui/material": "^5.12.0",
-    "@swmansion/t-rex-ui": "^0.0.12",
+    "@swmansion/t-rex-ui": "^0.0.13",
     "@vercel/og": "^0.6.2",
     "babel-polyfill": "^6.26.0",
     "babel-preset-expo": "^9.2.2",

docs/src/css/colors.css

@@ -132,6 +132,11 @@
   --ifm-toc-link-color: var(--swm-navy-light-60);
   --ifm-toc-link-color-active: var(--swm-navy-light-100);
 
+  --swm-hire-us-toc: var(--swm-navy-light-100);
+  --swm-hire-us-toc-color: var(--swm-off-white);
+  --swm-hire-us-toc-color-hover: var(--swm-navy-light-100);
+  --swm-hire-us-toc-border-hover: var(--swm-navy-light-100);
+
   /* Details section */
   --swm-details-foreground: var(--swm-purple-light-20);
   --swm-details-background: var(--swm-purple-light-100);
@@ -239,6 +244,12 @@
 
   --swm-landing-sponsors-color: var(--ifm-font-color-base);
 
+  /* Hire Us Section */
+
+  --swm-hire-us-section-title: var(--swm-blue-light-60);
+  --swm-hire-us-section: var(--swm-navy-light-100);
+  --swm-hire-us-section-color: var(--swm-off-white);
+
   /* Cards */
   --swm-card-background: var(--swm-background);
   --swm-card-border: var(--swm-navy-light-20);
@@ -308,6 +319,11 @@
   --ifm-toc-link-color: var(--swm-navy-light-40);
   --ifm-toc-link-color-active: var(--swm-off-white);
 
+  --swm-hire-us-toc: var(--swm-blue-light-80);
+  --swm-hire-us-toc-color: var(--swm-off-white);
+  --swm-hire-us-toc-color-hover: var(--swm-navy-light-40);
+  --swm-hire-us-toc-border-hover: var(--swm-navy-light-40);
+
   /* Details section */
   --swm-details-foreground: var(--swm-blue-dark-120);
   --swm-details-background: var(--swm-blue-dark-140);
@@ -406,6 +422,12 @@
 
   --swm-landing-sponsors-color: var(--swm-off-white);
 
+  /* Hire Us Section */
+
+  --swm-hire-us-section-title: var(--swm-purple-dark-100);
+  --swm-hire-us-section: var(--swm-off-white);
+  --swm-hire-us-section-color: var(--swm-purple-light-100);
+
   /* Cards */
   --swm-card-background: var(--swm-navy);
   --swm-card-border: var(--swm-navy-dark-60);

docs/src/pages/index.js

@@ -10,7 +10,7 @@ import Playground from '@site/src/components/Playground';
 import GestureFeatures from '@site/src/components/GestureFeatures';
 import Testimonials from '@site/src/components/Testimonials';
 import Sponsors from '@site/src/components/Sponsors';
-import HireUsSection from '../components/HireUsSection';
+import { HireUsSection } from '@swmansion/t-rex-ui';
 
 function Home() {
   const context = useDocusaurusContext();
@@ -32,7 +32,11 @@ function Home() {
         <GestureFeatures />
         <Testimonials />
         <Sponsors />
-        <HireUsSection />
+        <HireUsSection
+          href={
+            'https://swmansion.com/contact/projects?utm_source=gesture-handler&utm_medium=docs'
+          }
+        />
       </div>
       <FooterBackground />
     </Layout>

docs/yarn.lock

@@ -3204,10 +3204,10 @@
     "@svgr/plugin-jsx" "^6.5.1"
     "@svgr/plugin-svgo" "^6.5.1"
 
-"@swmansion/t-rex-ui@^0.0.12":
-  version "0.0.12"
-  resolved "https://registry.npmjs.org/@swmansion/t-rex-ui/-/t-rex-ui-0.0.12.tgz#fffdc8a222773fb77019d188a60dd60decbe8ddf"
-  integrity sha512-l2gtWH6Z9CVl1GoZoypkcMM0mYBShOBvE13ct40sKc7LwqKtFv+PCrdYwMbGcd2kj95fhG7dTyueZW2pMP6R1w==
+"@swmansion/t-rex-ui@^0.0.13":
+  version "0.0.13"
+  resolved "https://registry.npmjs.org/@swmansion/t-rex-ui/-/t-rex-ui-0.0.13.tgz#9602168498ce1b6e74dad855982c719676828e79"
+  integrity sha512-PLUkfb8bN/wu8I/rY8KKb9xztxjPnNf9O8Ash40dKIkN0lcGERIgOb6HrVv9I5uyeszxHhVOS0S2tu/seVbO+w==
   dependencies:
     "@docsearch/react" "^3.6.0"
     "@docusaurus/core" "^2.4.3"