From 96b152f9ef3aab9836152ec69c1608d0e179e26c Mon Sep 17 00:00:00 2001
From: Nicoole <nicole@appandflow.com>
Date: Thu, 8 Oct 2026 14:03:14 -0400
Subject: [PATCH] fix(website): refine landing page button feedback and links

---
 website/src/component/ConceptCard.jsx |  2 +-
 website/src/css/index.module.css      | 23 ++++++++++++++++-------
 website/src/pages/index.jsx           | 11 ++---------
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/website/src/component/ConceptCard.jsx b/website/src/component/ConceptCard.jsx
index 3d5e50e..109423e 100644
--- a/website/src/component/ConceptCard.jsx
+++ b/website/src/component/ConceptCard.jsx
@@ -15,7 +15,7 @@ export default function ConceptCard({ concept, isFirst }) {
       <h2 className={shared.heading}>{concept.title}</h2>
       <p className={[shared.description, styles.conceptDescription].join(' ')}>{concept.description}</p>
       <Link to={concept.to} className={[shared.link, shared.textLink].join(' ')}>
-        {concept.label} <span aria-hidden="true">↗</span>
+        {concept.label}
       </Link>
       <Illustration
         file={concept.image}
diff --git a/website/src/css/index.module.css b/website/src/css/index.module.css
index ee8ca12..de1e486 100644
--- a/website/src/css/index.module.css
+++ b/website/src/css/index.module.css
@@ -58,6 +58,7 @@
   font-weight: 500;
   text-decoration: none;
   white-space: nowrap;
+  transition: transform 150ms ease;
 }
 
 .button::before {
@@ -72,11 +73,23 @@
   z-index: -1;
 }
 
-.button:hover::before {
-  transform: translateY(0);
+.button:active {
+  transform: scale(0.96);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .button:hover::before {
+    transform: translateY(0);
+  }
+
+  .copyButton:hover {
+    transform: scale(1.15);
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
+  .button,
+  .copyButton,
   .button::before {
     transition: none;
   }
@@ -189,6 +202,7 @@
 .copyButton {
   padding: 8px;
   cursor: pointer;
+  transition: transform 200ms ease;
 }
 
 .copyIcons {
@@ -237,11 +251,6 @@
   gap: 8px;
 }
 
-.icon {
-  width: 16px;
-  height: 16px;
-}
-
 .footer {
   display: flex;
   flex-wrap: wrap;
diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
index f5f41d0..62535f1 100644
--- a/website/src/pages/index.jsx
+++ b/website/src/pages/index.jsx
@@ -203,7 +203,7 @@ export default function Home() {
                   interior.
                 </p>
                 <Link to="/docs/safe-area" className={[shared.link, shared.textLink].join(' ')}>
-                  Learn more <span aria-hidden="true">↗</span>
+                  Learn more
                 </Link>
               </div>
 
@@ -217,14 +217,7 @@ export default function Home() {
                   regions.
                 </p>
                 <Link to="/docs/example" className={[styles.button, styles.exampleButton].join(' ')}>
-                  <Illustration
-                    file="github-white.png"
-                    alt="Github white logo"
-                    width={48}
-                    height={48}
-                    className={styles.icon}
-                  />
-                  Example app ↗
+                  Example app
                 </Link>
               </div>
             </section>