7 files changed, 42 insertions, 16 deletions

diff --git a/src/components/landing/Section.tsx b/src/components/landing/Section.tsx
index caec6b6..c51b5da 100644
--- a/src/components/landing/Section.tsx
+++ b/src/components/landing/Section.tsx
@@ -30,7 +30,3 @@ export default function Section({
     </section>
   );
 }
-
-Section.defaultProps = {
-  children: undefined,
-};
diff --git a/src/components/landing/Subtitle.tsx b/src/components/landing/Subtitle.tsx
index 862ea3c..24df29d 100644
--- a/src/components/landing/Subtitle.tsx
+++ b/src/components/landing/Subtitle.tsx
@@ -22,8 +22,3 @@ export default function Subtitle({
     </h3>
   );
 }
-
-Subtitle.defaultProps = {
-  icon: undefined,
-  children: undefined,
-};
diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
index 2eb9f06..7b64a5e 100644
--- a/src/components/landing/sections/Contact.module.css
+++ b/src/components/landing/sections/Contact.module.css
@@ -118,6 +118,7 @@
 }
 
 .contact__action {
+  display: block;
   position: relative;
   --ifm-link-color: var(--marussy-contact-muted-color);
 }
@@ -173,3 +174,9 @@
 .contacts:has(.contact--address:focus-within) .photo {
   transform: scale(140%);
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .photo {
+    transform: none !important;
+  }
+}
diff --git a/src/components/landing/sections/Contact.tsx b/src/components/landing/sections/Contact.tsx
index 94da73a..f9eb56d 100644
--- a/src/components/landing/sections/Contact.tsx
+++ b/src/components/landing/sections/Contact.tsx
@@ -198,14 +198,13 @@ export default function Contact() {
                   </Link>
                 </p>
                 <p className={styles.contact__description}>
-                  On the{' '}
                   <Link
                     to="https://fediverse.info"
                     className={styles.contact__action}
                   >
-                    Fediverse
+                    On the Fediverse, a diverse community of interconnected
+                    platforms
                   </Link>
-                  , a diverse community of interconnected platforms
                 </p>
               </div>
             </div>
diff --git a/src/components/landing/sections/Hero.tsx b/src/components/landing/sections/Hero.tsx
index 3087dd3..10026a1 100644
--- a/src/components/landing/sections/Hero.tsx
+++ b/src/components/landing/sections/Hero.tsx
@@ -41,7 +41,8 @@ export default function Hero() {
                 width={avatar.width}
                 height={avatar.height}
                 sizes="(min-width: 1384px) 298px, (min-width: 996px) calc(25vw - 48px), (min-width: 300px) 298px, calc(100vw - 32px)"
-                fetchPriority="high"
+                // @ts-expect-error See https://github.com/vercel/next.js/pull/65235#issue-2273613138
+                fetchpriority="high"
                 alt="My photo"
                 className={styles.avatar__image}
               />
diff --git a/src/components/landing/sections/Software.module.css b/src/components/landing/sections/Software.module.css
index fddc727..5287bc8 100644
--- a/src/components/landing/sections/Software.module.css
+++ b/src/components/landing/sections/Software.module.css
@@ -374,3 +374,28 @@
     height: 3rem;
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .software {
+    box-shadow: none !important;
+  }
+
+  .software--refinery {
+    box-shadow: var(--ifm-global-shadow-md) !important;
+  }
+
+  .refinery__background {
+    transform: none !important;
+  }
+
+  .software--screenshot {
+    z-index: 0 !important;
+    transform: none !important;
+  }
+
+  .overlay--screenshot {
+    padding: 1rem 2rem 2rem 2rem;
+    font-size: 1rem;
+    transform: none !important;
+  }
+}
diff --git a/src/components/landing/sections/Software.tsx b/src/components/landing/sections/Software.tsx
index c44a6ad..34178cc 100644
--- a/src/components/landing/sections/Software.tsx
+++ b/src/components/landing/sections/Software.tsx
@@ -30,8 +30,8 @@ function ScreenshotImage() {
   // Force re-render in browser.
   // https://github.com/facebook/docusaurus/blob/e012e0315862b2ca02cad40c58d11d31c319ff75/packages/docusaurus-theme-classic/src/theme/CodeBlock/index.tsx#L32-L36
   const isBrowser = useIsBrowser();
-  const { isDarkTheme } = useColorMode();
-  const refineryScreenshot = isDarkTheme
+  const { colorMode } = useColorMode();
+  const refineryScreenshot = colorMode === 'dark'
     ? refineryScreenshotLight
     : refineryScreenshotDark;
 
@@ -190,7 +190,10 @@ export default function Software() {
               )}
             >
               <div className={styles.ferdium__icon}>
-                <FerdiumLogo className={styles.ferdium__logo} />
+                <FerdiumLogo
+                  className={styles.ferdium__logo}
+                  aria-hidden="true"
+                />
               </div>
               <div
                 className={clsx(styles.ferdium__content, styles.description)}