fix: update urls to contact form

README.md

@@ -149,6 +149,6 @@ To learn about our upcoming plans and developments, please visit our [milestones
 
 ## React Native ExecuTorch is created by Software Mansion
 
-Since 2012, [Software Mansion](https://swmansion.com) is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – [Hire us](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
+Since 2012, [Software Mansion](https://swmansion.com) is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – [Hire us](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
 
 [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

docs/src/pages/index.tsx

@@ -35,7 +35,7 @@ const Home = () => {
           <Carousel />
           <div className={styles.hireUsSection}>
             <HireUsSection
-              href="https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=docs"
+              href="https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=docs"
               content="React Native Core Contributors and experts in dealing with all kinds of React Native issues. Need help using React Native ExecuTorch or deploying and running AI models on your device? Let's tackle it together."
             />
           </div>

docs/src/theme/TOCItems/HireUsButton.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import styles from './styles.module.css';
+
+import ArrowRight from '@site/static/img/arrow-right-hero.svg';
+import clsx from 'clsx';
+
+const HireUsButton: React.FC<{
+  title: string;
+  href: string;
+  target?: '_blank' | '_parent' | '_self' | '_top';
+  backgroundStyling?: string;
+  borderStyling?: string;
+}> = ({ title, href, target = '_self', backgroundStyling, borderStyling }) => {
+  return (
+    <a href={href} target={target} className={styles.hireUsButtonLink}>
+      <div
+        className={clsx(styles.hireUsButton, backgroundStyling, borderStyling)}
+      >
+        {title}
+        <div className={styles.arrow}>
+          <ArrowRight />
+        </div>
+      </div>
+    </a>
+  );
+};
+
+export default HireUsButton;

docs/src/theme/TOCItems/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TOCItems } from '@swmansion/t-rex-ui';
 import styles from './styles.module.css';
+import HireUsButton from './HireUsButton';
 
 const TOCItemsWrapper = ({
   toc,
@@ -15,6 +16,19 @@ const TOCItemsWrapper = ({
     <div className={styles.TOCItemsWrapper}>
       <TOCItems
         toc={toc}
+        slot={
+          <div className={styles.hireUsContainer}>
+            <p>We are Software Mansion.</p>
+            <div className={styles.buttonContainer}>
+              <HireUsButton
+                href="https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=sidebar"
+                title="Hire us"
+                backgroundStyling={styles.buttonTOCStyling}
+                borderStyling={styles.buttonTOCBorderStyling}
+              />
+            </div>
+          </div>
+        }
         className={className}
         linkClassName={linkClassName}
         linkActiveClassName={linkActiveClassName}

docs/src/theme/TOCItems/styles.module.css

@@ -1,3 +1,124 @@
 [data-theme='light'] .TOCItemsWrapper > div {
   background-color: var(--swm-cornflower-20);
 }
+
+.hireUsContainer {
+  padding: 26px 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: var(--swm-blue-light-20);
+  gap: 1rem;
+}
+
+[data-theme='dark'] .hireUsContainer {
+  border: 1px solid var(--swm-navy-light-40);
+  background-color: transparent;
+}
+
+.buttonContainer {
+  width: 100%;
+  height: 48px !important;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.hireUsContainer p {
+  font-size: 16px;
+  font-weight: 500;
+  margin: 0;
+  color: var(--swm-navy-light-100);
+  text-align: center;
+}
+
+[data-theme='dark'] .hireUsContainer p {
+  background-color: transparent;
+  color: var(--swm-navy-light-40);
+}
+
+/* HIRE US TOC - button styling */
+
+.buttonTOCStyling {
+  background-color: var(--swm-hire-us-toc);
+  color: var(--swm-hire-us-toc-color);
+}
+
+.buttonTOCStyling:hover {
+  background-color: transparent;
+  color: var(--swm-hire-us-toc-color-hover);
+}
+
+.buttonTOCStyling svg {
+  stroke: var(--swm-hire-us-toc-color);
+}
+
+.buttonTOCStyling:hover svg {
+  stroke: var(--swm-hire-us-toc-color-hover);
+}
+
+.buttonTOCBorderStyling {
+  border: 1px solid var(--swm-hire-us-toc);
+}
+
+.buttonTOCBorderStyling:hover {
+  border: 1px solid var(--swm-hire-us-toc-border-hover);
+}
+
+.hireUsButton {
+  height: 48px;
+  padding: 1em 1.5em 1em 1em;
+
+  font-weight: 500;
+  font-size: 16px;
+  text-wrap: nowrap;
+
+  cursor: pointer;
+  transition:
+    background-color 0.3s,
+    color 0.3s;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+a.hireUsButtonLink:hover {
+  text-decoration: none !important;
+}
+
+@media (max-width: 768px) {
+  .hireUsButton,
+  .hireUsButtonLink {
+    width: 100%;
+  }
+  .hireUsButton {
+    font-size: 18px;
+  }
+}
+
+.hireUsButton p {
+  margin: 0 0 2px 0;
+}
+
+.arrow {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  width: 16px;
+  height: 16px;
+  transition: left 0.3s;
+  left: 8px;
+}
+
+.hireUsButton:hover .arrow {
+  left: 16px;
+}
+
+.hireUsButton svg {
+  stroke-width: 1.5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  transition: stroke 0.3s;
+}

readmes/README_cn.md

@@ -146,6 +146,6 @@ https://docs.swmansion.com/react-native-executorch
 
 ## React Native ExecuTorch 是由 Software Mansion 创建的
 
-自 2012 年以来，[Software Mansion](https://swmansion.com) 是一家拥有构建网络和移动应用经验的软件机构。我们是核心 React Native 贡献者，并且是处理各种 React Native 问题的专家。我们可以帮助您构建下一个梦想产品——[雇佣我们](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme)。
+自 2012 年以来，[Software Mansion](https://swmansion.com) 是一家拥有构建网络和移动应用经验的软件机构。我们是核心 React Native 贡献者，并且是处理各种 React Native 问题的专家。我们可以帮助您构建下一个梦想产品——[雇佣我们](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme)。
 
 [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

readmes/README_es.md

@@ -146,6 +146,6 @@ Para conocer nuestros próximos planes y desarrollos, visita nuestros [hitos](ht
 
 ## React Native ExecuTorch es creado por Software Mansion
 
-Desde 2012, [Software Mansion](https://swmansion.com) es una agencia de software con experiencia en el desarrollo de aplicaciones web y móviles. Somos colaboradores principales de React Native y expertos en resolver todo tipo de problemas relacionados con esta tecnología. Podemos ayudarte a construir tu próximo producto soñado – [Contrátanos](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
+Desde 2012, [Software Mansion](https://swmansion.com) es una agencia de software con experiencia en el desarrollo de aplicaciones web y móviles. Somos colaboradores principales de React Native y expertos en resolver todo tipo de problemas relacionados con esta tecnología. Podemos ayudarte a construir tu próximo producto soñado – [Contrátanos](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
 
 [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

readmes/README_fr.md

@@ -146,6 +146,6 @@ Pour en savoir plus sur nos futures plans et développements, veuillez consulter
 
 ## React Native ExecuTorch est créé par Software Mansion
 
-Depuis 2012, [Software Mansion](https://swmansion.com) est une agence de développement avec de l'expérience dans la création d'applications web et mobiles. Nous sommes Contributeurs React Native Core et experts dans la gestion de tous types de problèmes React Native. Nous pouvons vous aider à créer votre prochain produit rêvé – [Engagez-nous](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
+Depuis 2012, [Software Mansion](https://swmansion.com) est une agence de développement avec de l'expérience dans la création d'applications web et mobiles. Nous sommes Contributeurs React Native Core et experts dans la gestion de tous types de problèmes React Native. Nous pouvons vous aider à créer votre prochain produit rêvé – [Engagez-nous](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
 
 [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

readmes/README_in.md

@@ -146,6 +146,6 @@ https://docs.swmansion.com/react-native-executorch
 
 ## React Native ExecuTorch को Software Mansion द्वारा बनाया गया है
 
-2012 से, [Software Mansion](https://swmansion.com) वेब और मोबाइल ऐप्स बनाने का अनुभव रखने वाली एक सॉफ्टवेयर एजेंसी है। हम Core React Native योगदानकर्ता हैं और React Native से संबंधित सभी प्रकार की समस्याओं का निपटान करने के विशेषज्ञ हैं। हम आपको आपका अगला सपनों का प्रोजेक्ट बनाने में सहायता कर सकते हैं – [हमें नियुक्त करें](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme)।
+2012 से, [Software Mansion](https://swmansion.com) वेब और मोबाइल ऐप्स बनाने का अनुभव रखने वाली एक सॉफ्टवेयर एजेंसी है। हम Core React Native योगदानकर्ता हैं और React Native से संबंधित सभी प्रकार की समस्याओं का निपटान करने के विशेषज्ञ हैं। हम आपको आपका अगला सपनों का प्रोजेक्ट बनाने में सहायता कर सकते हैं – [हमें नियुक्त करें](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme)।
 
 [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)

readmes/README_pt.md

@@ -146,6 +146,6 @@ Para saber sobre nossos planos e desenvolvimentos futuros, visite nossos [marcos
 
 ## React Native ExecuTorch é criado pela Software Mansion
 
-Desde 2012, a [Software Mansion](https://swmansion.com) é uma agência de software com experiência na construção de aplicativos web e móveis. Somos colaboradores principais do React Native e especialistas em lidar com todos os tipos de problemas do React Native. Podemos ajudar você a construir seu próximo produto dos sonhos – [Contrate-nos](https://swmansion.com/contact/projects?utm_source=react-native-executorch&utm_medium=readme).
+Desde 2012, a [Software Mansion](https://swmansion.com) é uma agência de software com experiência na construção de aplicativos web e móveis. Somos colaboradores principais do React Native e especialistas em lidar com todos os tipos de problemas do React Native. Podemos ajudar você a construir seu próximo produto dos sonhos – [Contrate-nos](https://swmansion.com/contact?utm_source=react-native-executorch&utm_medium=readme).
 
 [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-executorch-github 'Software Mansion')](https://swmansion.com)