From 516e6b505e848b1ec21e8632ea53b748198fbc75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Fri, 10 May 2024 15:16:09 +0200 Subject: [PATCH 1/6] Add `Hire us` section --- docs/src/components/HireUsSection/index.tsx | 29 +++++++ .../HireUsSection/styles.module.css | 78 +++++++++++++++++++ .../src/components/Sponsors/styles.module.css | 1 - docs/src/pages/index.js | 2 + 4 files changed, 109 insertions(+), 1 deletion(-) create mode 100644 docs/src/components/HireUsSection/index.tsx create mode 100644 docs/src/components/HireUsSection/styles.module.css diff --git a/docs/src/components/HireUsSection/index.tsx b/docs/src/components/HireUsSection/index.tsx new file mode 100644 index 0000000000..8d873968d7 --- /dev/null +++ b/docs/src/components/HireUsSection/index.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import HomepageButton from '../HomepageButton'; +import styles from './styles.module.css'; + +const HireUsSection = () => { + return ( +
+
+

We are Software Mansion

+
+

+ React Native Core Contributors and experts in dealing with all kinds of + React Native issues. No matter if you need help with gestures or React + Native development we can help. +

+ +
+ +
+
+ ); +}; + +export default HireUsSection; diff --git a/docs/src/components/HireUsSection/styles.module.css b/docs/src/components/HireUsSection/styles.module.css new file mode 100644 index 0000000000..94eeee2c10 --- /dev/null +++ b/docs/src/components/HireUsSection/styles.module.css @@ -0,0 +1,78 @@ +.hireUsSectionWrapper { + display: flex; + position: relative; + flex-direction: column; + align-items: center; + gap: 2.5rem; + width: 60%; + margin: 0 auto; + margin-bottom: 9.5rem; +} +@media (max-width: 1440px) { + .hireUsSectionWrapper { + width: 75%; + } +} + +@media (max-width: 768px) { + .hireUsSectionWrapper { + width: 80%; + gap: 1.5rem; + margin-bottom: 5rem !important; + } + .hireUsTitleContainer h2 { + font-size: 42px !important; + } + .hireUsSectionBody { + font-size: 20px !important; + } +} + +@media (max-width: 420px) { + .hireUsSectionWrapper { + margin-bottom: 2rem !important; + } +} + +.hireUsTitleContainer { + display: flex; + flex-direction: row; + gap: 1rem; + justify-content: center; + align-items: center; +} + +.hireUsTitleContainer h2 { + text-align: center; + font-size: 64px; + font-weight: 500; +} + +.hireUsSectionBody { + font-size: 24px; + text-align: center; + font-weight: 400; +} + +.buttonNavyStyling { + background-color: var(--swm-navy-light-100); + padding: 20px 50px; + color: var(--swm-off-white); +} + +.buttonNavyStyling svg { + stroke: var(--swm-off-white); +} + +.buttonNavyStyling:hover { + background-color: transparent; + color: var(--swm-navy-light-100); +} + +.buttonNavyStyling:hover svg { + stroke: var(--swm-navy-light-100); +} + +.buttonNavyBorderStyling { + border: 1px solid var(--swm-navy-light-100); +} diff --git a/docs/src/components/Sponsors/styles.module.css b/docs/src/components/Sponsors/styles.module.css index 76e064b0ae..88094354f3 100644 --- a/docs/src/components/Sponsors/styles.module.css +++ b/docs/src/components/Sponsors/styles.module.css @@ -10,7 +10,6 @@ .sponsorsBrand { margin-top: 5rem; - margin-bottom: 7.5rem; display: flex; justify-content: center; gap: 4rem; diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js index 89a3ea0230..f56c4e43eb 100644 --- a/docs/src/pages/index.js +++ b/docs/src/pages/index.js @@ -8,6 +8,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'; function Home() { const context = useDocusaurusContext(); @@ -28,6 +29,7 @@ function Home() { + ); From bd93a26497e9e9ca1842557b7965fda0eadd7774 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Fri, 10 May 2024 15:21:41 +0200 Subject: [PATCH 2/6] Expand README --- README.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/README.md b/README.md index 4e1623cc6d..658ee7a56b 100644 --- a/README.md +++ b/README.md @@ -61,3 +61,11 @@ This project has been build and is maintained thanks to the support from [Shopif [![shopify](https://avatars1.githubusercontent.com/u/8085?v=3&s=100 'Shopify.com')](https://shopify.com) [![expo](https://avatars2.githubusercontent.com/u/12504344?v=3&s=100 'Expo.io')](https://expo.io) [![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-reanimated-github 'Software Mansion')](https://swmansion.com) + +## Community Discord + +[Join the Software Mansion Community Discord](https://discord.swmansion.com) to chat about Gesture Handler or other Software Mansion libraries. + +## Gesture Handler is created by Software Mansion + +[Software Mansion](https://swmansion.com) is a software agency with over 11 years of 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#contact-form). From 7a0a52e57c12d214012d9b24f7949b23c45f160a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Fri, 10 May 2024 15:34:01 +0200 Subject: [PATCH 3/6] Stylistic changes --- docs/src/components/HireUsSection/styles.module.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/docs/src/components/HireUsSection/styles.module.css b/docs/src/components/HireUsSection/styles.module.css index 94eeee2c10..caefc9ad50 100644 --- a/docs/src/components/HireUsSection/styles.module.css +++ b/docs/src/components/HireUsSection/styles.module.css @@ -1,11 +1,8 @@ .hireUsSectionWrapper { display: flex; - position: relative; flex-direction: column; align-items: center; gap: 2.5rem; - width: 60%; - margin: 0 auto; margin-bottom: 9.5rem; } @media (max-width: 1440px) { From 0438f9e860a15b60f9cf563ed2c202de49281df7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Fri, 10 May 2024 15:35:24 +0200 Subject: [PATCH 4/6] one more stylistic fix --- docs/src/components/HireUsSection/styles.module.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/docs/src/components/HireUsSection/styles.module.css b/docs/src/components/HireUsSection/styles.module.css index caefc9ad50..76f0bae830 100644 --- a/docs/src/components/HireUsSection/styles.module.css +++ b/docs/src/components/HireUsSection/styles.module.css @@ -5,15 +5,9 @@ gap: 2.5rem; margin-bottom: 9.5rem; } -@media (max-width: 1440px) { - .hireUsSectionWrapper { - width: 75%; - } -} @media (max-width: 768px) { .hireUsSectionWrapper { - width: 80%; gap: 1.5rem; margin-bottom: 5rem !important; } From 7405bd11f0ab10c8d664834fa0af88cea7016036 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Fri, 10 May 2024 15:58:10 +0200 Subject: [PATCH 5/6] Fixes --- README.md | 2 +- docs/src/components/HireUsSection/index.tsx | 2 +- docs/src/components/HireUsSection/styles.module.css | 3 ++- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 658ee7a56b..342593181e 100644 --- a/README.md +++ b/README.md @@ -68,4 +68,4 @@ This project has been build and is maintained thanks to the support from [Shopif ## Gesture Handler is created by Software Mansion -[Software Mansion](https://swmansion.com) is a software agency with over 11 years of 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#contact-form). +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#contact-form). diff --git a/docs/src/components/HireUsSection/index.tsx b/docs/src/components/HireUsSection/index.tsx index 8d873968d7..19c9a13fb3 100644 --- a/docs/src/components/HireUsSection/index.tsx +++ b/docs/src/components/HireUsSection/index.tsx @@ -6,7 +6,7 @@ const HireUsSection = () => { return (
-

We are Software Mansion

+

We are Software Mansion.

React Native Core Contributors and experts in dealing with all kinds of diff --git a/docs/src/components/HireUsSection/styles.module.css b/docs/src/components/HireUsSection/styles.module.css index 76f0bae830..fa92a0b8f0 100644 --- a/docs/src/components/HireUsSection/styles.module.css +++ b/docs/src/components/HireUsSection/styles.module.css @@ -3,7 +3,8 @@ flex-direction: column; align-items: center; gap: 2.5rem; - margin-bottom: 9.5rem; + margin-bottom: 16rem; + margin-top: 4.5rem; } @media (max-width: 768px) { From c6addf7ca786e39694be925a117ed25e3984ecc3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= Date: Fri, 10 May 2024 16:54:24 +0200 Subject: [PATCH 6/6] add text-wrap balance --- docs/src/components/HireUsSection/styles.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/src/components/HireUsSection/styles.module.css b/docs/src/components/HireUsSection/styles.module.css index fa92a0b8f0..a178421fe5 100644 --- a/docs/src/components/HireUsSection/styles.module.css +++ b/docs/src/components/HireUsSection/styles.module.css @@ -42,6 +42,7 @@ .hireUsSectionBody { font-size: 24px; + text-wrap: balance; text-align: center; font-weight: 400; }