diff --git a/website/src/components/Home/CallToAction/index.tsx b/website/src/components/Home/CallToAction/index.tsx index 13a87468e11..f731e33d5d5 100644 --- a/website/src/components/Home/CallToAction/index.tsx +++ b/website/src/components/Home/CallToAction/index.tsx @@ -17,7 +17,7 @@ function CallToAction() {
-

Welcome to the React Native community

+

Welcome to the React Native community

Get Started diff --git a/website/src/components/Home/Community/PartnersShowcase.tsx b/website/src/components/Home/Community/PartnersShowcase.tsx index 9357613c7de..efa9e5e8ca3 100644 --- a/website/src/components/Home/Community/PartnersShowcase.tsx +++ b/website/src/components/Home/Community/PartnersShowcase.tsx @@ -19,24 +19,29 @@ import styles from './styles.module.css'; const PARTNERS = [ { href: 'https://callstack.com/', - logo: , + name: 'Callstack', + logo: , }, { href: 'https://expo.dev/', + name: 'Expo', className: styles.expo, - logo: , + logo: , }, { href: 'https://infinite.red/', - logo: , + name: 'Infinite Red', + logo: , }, { href: 'https://www.microsoft.com/', - logo: , + name: 'Microsoft', + logo: , }, { href: 'https://swmansion.com/', - logo: , + name: 'Software Mansion', + logo: , }, ]; @@ -49,13 +54,14 @@ export default function PartnersShowcase() { return (
- {partners.map(({href, className, logo}) => ( + {partners.map(({href, name, className, logo}) => ( + className={className} + aria-label={name}> {logo} ))} diff --git a/website/src/components/Home/SectionTitle/index.tsx b/website/src/components/Home/SectionTitle/index.tsx index d639e1f59e4..05d164eb83a 100644 --- a/website/src/components/Home/SectionTitle/index.tsx +++ b/website/src/components/Home/SectionTitle/index.tsx @@ -17,10 +17,8 @@ type Props = { function SectionTitle({title, description}: Props) { return (
-

{title}

- {description ? ( -

{description}

- ) : null} +

{title}

+ {description ?

{description}

: null}
); } diff --git a/website/src/types/index.d.ts b/website/src/types/index.d.ts index bad93b08af5..2858902f9af 100644 --- a/website/src/types/index.d.ts +++ b/website/src/types/index.d.ts @@ -4,6 +4,7 @@ export type ShowcaseData = Record; export type PartnerLink = { href: string; + name: string; className?: string; logo: ReactNode; };