fix: testimonials, cleanup and others

Author: michalsek

packages/audiodocs/src/components/FooterBackground/styles.module.css

@@ -1,4 +1,3 @@
-
 .container {
   position: relative;
   margin-top: 106px;

packages/audiodocs/src/components/HireUsSection/index.tsx

@@ -0,0 +1,43 @@
+import {
+  ButtonStyling,
+  BorderStyling,
+  HomepageButton,
+} from '@swmansion/t-rex-ui/dist/components/HomepageButton';
+import styles from './styles.module.css';
+
+export const HireUsSection = ({
+  content,
+  href,
+}: {
+  content?: string;
+  href: string;
+}) => {
+  return (
+    <div className={styles.hireUsSectionWrapper}>
+      <div className={styles.hireUsTitleContainer}>
+        <h2>
+          We are <span>Software Mansion</span>
+        </h2>
+      </div>
+      <p className={styles.hireUsSectionBody}>
+        {content ? (
+          content
+        ) : (
+          <>
+We’re a software company built around improving developer experience and bringing innovative clients' ideas to life. We're pushing boundaries and delivering high-performance solutions that scale.
+          </>
+        )}
+      </p>
+
+      <div className={styles.hireUsButton}>
+        <HomepageButton
+          href={href}
+          title="Hire us"
+          target="_blank"
+          backgroundStyling={ButtonStyling.SECTION}
+          borderStyling={BorderStyling.SECTION}
+        />
+      </div>
+    </div>
+  );
+};

packages/audiodocs/src/components/HireUsSection/styles.module.css

@@ -0,0 +1,77 @@
+.hireUsSectionWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2.5rem;
+  margin-bottom: 16rem;
+  margin-top: 6.5rem;
+}
+
+@media (max-width: 996px) {
+  .hireUsSectionWrapper {
+    margin-top: 3.5rem;
+    margin-bottom: 10rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .hireUsSectionWrapper {
+    gap: 1.5rem;
+    margin-top: 0;
+    margin-bottom: 5rem !important;
+  }
+  .hireUsTitleContainer h2 {
+    font-size: 42px !important;
+  }
+  .hireUsSectionBody {
+    font-size: 20px !important;
+  }
+}
+
+@media (max-width: 420px) {
+  .hireUsSectionWrapper {
+    margin-top: 0;
+    margin-bottom: 4rem !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: 700;
+}
+
+.hireUsTitleContainer h2 > span {
+  color: var(--swm-hire-us-section-title);
+}
+
+[data-theme='dark'] .hireUsTitleContainer h2 > span {
+  color: var(--swm-hire-us-section-title);
+}
+
+.hireUsSectionBody {
+  font-size: 20px;
+  text-wrap: balance;
+  text-align: center;
+  font-weight: 400;
+  color: var(--swm-navy-light-80);
+}
+
+[data-theme='dark'] .hireUsSectionBody {
+  color: var(--swm-navy-dark-40);
+}
+
+
+@media (max-width: 420px) {
+  .hireUsSectionBody {
+    font-size: 18px !important;
+  }
+}

packages/audiodocs/src/components/LandingFeatures/styles.module.css

@@ -45,6 +45,11 @@
   justify-content: center;
   background-color: var(--swm-red-light-80);
   margin-bottom: 1.5rem;
+  color: var(--swm-navy-light-100);
+}
+
+[data-theme="dark"] .featureIconContainer {
+  color: var(--swm-navy-dark-100);
 }
 
 .featureTitle {

packages/audiodocs/src/components/LandingWidget/index.tsx

@@ -14,10 +14,10 @@ import { AudioMode, AudioSource, AudioSourceMetadata, SourceRecord } from './typ
 const showAmpToolbarThreshold = 30;
 
 const soundSources: SourceRecord<string> = {
-  music: '/react-native-audio-api/audio/music/example-music-05.wav',
+  music: '/react-native-audio-api/audio/music/example-music-05.mp3',
   speech: '/react-native-audio-api/audio/voice/voice-sample-landing.mp3',
-  bgm: '/react-native-audio-api/audio/bgm/bgm-01.wav',
-  efx: '/react-native-audio-api/audio/efx/efx-01.wav',
+  bgm: '/react-native-audio-api/audio/bgm/bgm-01.mp3',
+  efx: '/react-native-audio-api/audio/efx/efx-01.mp3',
 };
 
 const initialSounds: SourceRecord<AudioSourceMetadata | null> = {