diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 6996ada4..f58deaed 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -8,7 +8,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula'); const config = { title: 'React Native Owl', tagline: 'Visual Regression Testing for React Native', - url: 'https://formidable.com/', + url: 'https://formidable.com', baseUrl: '/open-source/react-native-owl/', onBrokenLinks: 'throw', onBrokenMarkdownLinks: 'warn', @@ -50,7 +50,7 @@ const config = { }, announcementBar: { id: 'announcement-blogpost', - content: `Read the announcement "We're Building a Visual Regression Testing Library for React Native" in our blog.`, + content: `Read the announcement "We're Building a Visual Regression Testing Library for React Native" in our blog.`, isCloseable: false, }, navbar: { diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx index 1332f491..72c34d7b 100644 --- a/website/src/components/HomepageFeatures/index.tsx +++ b/website/src/components/HomepageFeatures/index.tsx @@ -33,22 +33,26 @@ const FeatureList = [ }, ]; -export const HomepageFeatures = () => { - return FeatureList.map(({ title, description, imageSource }, idx) => { - return ( -
-

{title}

-

{description}

+export const HomepageFeatures: React.FC = () => { + return ( + <> + {FeatureList.map(({ title, description, imageSource }, idx) => { + return ( +
+

{title}

+

{description}

-
- {!!imageSource && ( - - )} -
-
- ); - }); +
+ {!!imageSource && ( + + )} +
+
+ ); + })} + + ); }; diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx index a82e1118..1fccec70 100644 --- a/website/src/pages/index.tsx +++ b/website/src/pages/index.tsx @@ -4,11 +4,15 @@ import Layout from '@theme/Layout'; import { Hero } from '../components/Hero'; import { HomepageFeatures } from '../components/HomepageFeatures'; +const META_DESCRIPTION = + 'React Native Owl is a visual regression testing library for React Native that enables developers to introduce visual regression tests to their apps for iOS and Android.'; + export default function Home() { return ( @@ -24,16 +28,15 @@ export default function Home() { tests locally and on your preferred CI service, seamless.

- {/* REMOVE INITIALLY AS THIS WILL BE DEPLOYED BEFORE THE BLOG IN PUBLISHED -

+

Learn more about the background behind this library in{' '} - + the announcement on the Formidable Blog . -

*/} +

-

+

Note: This library is{' '} work-in-progress. diff --git a/website/static/images/social.png b/website/static/images/social.png new file mode 100644 index 00000000..c35d35f2 Binary files /dev/null and b/website/static/images/social.png differ