From ed1fdcc5638189dc7149dde00643f2591c7793f4 Mon Sep 17 00:00:00 2001
From: Reanette Heart Diaz <diaz.reanetteheart@gmail.com>
Date: Mon, 7 Sep 2026 22:40:06 +1000
Subject: [PATCH 1/3] Updating Book a meeting button to include ArrowUpRight,
 accessibility text and a disclaimer

Updated Profiles "Book a meeting" button to include an ArrowUpRight icon.  Added new ExternalLinkDisclaimer component for the disclaimer text on opening an external website.
---
 src/app/p/_lib/profile-detail.tsx | 28 ++++++++++++++++++----------
 src/components/ui.tsx             |  9 +++++++++
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/app/p/_lib/profile-detail.tsx b/src/app/p/_lib/profile-detail.tsx
index 17406e8..2e414e8 100644
--- a/src/app/p/_lib/profile-detail.tsx
+++ b/src/app/p/_lib/profile-detail.tsx
@@ -31,7 +31,9 @@
 
 import { useId, useState } from "react";
 import { CredentialMark, earnedLabel } from "@/components/credential-mark";
-import { Badge } from "@/components/ui";
+import { Badge, ExternalLinkDisclaimer } from "@/components/ui";
+import { ArrowUpRight } from "@/components/icons";
+
 import {
   byCatalogueOrder,
   credentialSource,
@@ -314,7 +316,7 @@ export function ProfileDetail({
           ))}
         </div>
       ) : null}
-
+    
       <div className="mt-9 flex flex-wrap gap-4">
         <a
           href={`/contact?about=${encodeURIComponent(person.id)}`}
@@ -323,16 +325,22 @@ export function ProfileDetail({
           Enquire about {person.name.split(" ")[0]}
         </a>
         {person.bookingUrl ? (
-          <a
-            href={person.bookingUrl}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="inline-flex h-13 items-center justify-center rounded-full border border-stroke bg-transparent px-7 font-medium text-t-muted transition-colors hover:border-stroke-strong hover:text-t-bright"
-          >
-            Book a meeting
-          </a>
+          <div className="flex flex-wrap items-baseline justify-between gap-3">
+            <a
+              href={person.bookingUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex h-13 items-center justify-center rounded-full border border-stroke bg-transparent px-7 font-medium text-t-muted transition-colors hover:border-stroke-strong hover:text-t-bright"
+            >
+              Book a meeting
+              <ArrowUpRight className="size-5" aria-hidden="true"/>
+              <span className="sr-only"> (opens external site)</span>
+            </a>
+            <ExternalLinkDisclaimer />
+          </div>
         ) : null}
       </div>
+    
     </article>
   );
 }
diff --git a/src/components/ui.tsx b/src/components/ui.tsx
index d353b53..1306e46 100644
--- a/src/components/ui.tsx
+++ b/src/components/ui.tsx
@@ -202,3 +202,12 @@ export function PageHeader({
     </header>
   );
 }
+
+
+export function ExternalLinkDisclaimer() {
+  return (
+    <p className="mt-3 text-xs text-t-faint">
+      This will take you to an extenal website.
+    </p>
+  );
+}
\ No newline at end of file

From adb43afc1bc524c69d4b523e29b514fa8a679697 Mon Sep 17 00:00:00 2001
From: Reanette Heart Diaz <diaz.reanetteheart@gmail.com>
Date: Mon, 7 Sep 2026 23:08:21 +1000
Subject: [PATCH 2/3] Updated the external link disclaimer message

---
 src/app/p/_lib/profile-detail.tsx | 10 ++++++----
 src/components/ui.tsx             |  8 ++++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/app/p/_lib/profile-detail.tsx b/src/app/p/_lib/profile-detail.tsx
index 2e414e8..da79546 100644
--- a/src/app/p/_lib/profile-detail.tsx
+++ b/src/app/p/_lib/profile-detail.tsx
@@ -325,7 +325,6 @@ export function ProfileDetail({
           Enquire about {person.name.split(" ")[0]}
         </a>
         {person.bookingUrl ? (
-          <div className="flex flex-wrap items-baseline justify-between gap-3">
             <a
               href={person.bookingUrl}
               target="_blank"
@@ -336,11 +335,14 @@ export function ProfileDetail({
               <ArrowUpRight className="size-5" aria-hidden="true"/>
               <span className="sr-only"> (opens external site)</span>
             </a>
-            <ExternalLinkDisclaimer />
-          </div>
         ) : null}
       </div>
-    
+      {person.bookingUrl ? (          
+        <ExternalLinkDisclaimer>
+          Booking opens {person.name.split(" ")[0]}'s own scheduling page.
+          Anything arranged there is between you and them, not through Bluehex.
+        </ExternalLinkDisclaimer>
+        ) : null}
     </article>
   );
 }
diff --git a/src/components/ui.tsx b/src/components/ui.tsx
index 1306e46..655b0f7 100644
--- a/src/components/ui.tsx
+++ b/src/components/ui.tsx
@@ -204,10 +204,14 @@ export function PageHeader({
 }
 
 
-export function ExternalLinkDisclaimer() {
+export function ExternalLinkDisclaimer({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
   return (
     <p className="mt-3 text-xs text-t-faint">
-      This will take you to an extenal website.
+      {children}
     </p>
   );
 }
\ No newline at end of file

From 999f36fa198ae2a9742fc3bdbb504ad7ead78089 Mon Sep 17 00:00:00 2001
From: Reanette Heart Diaz <diaz.reanetteheart@gmail.com>
Date: Mon, 7 Sep 2026 23:55:29 +1000
Subject: [PATCH 3/3] Fixing &apos;

---
 src/app/p/_lib/profile-detail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/p/_lib/profile-detail.tsx b/src/app/p/_lib/profile-detail.tsx
index da79546..3093e2a 100644
--- a/src/app/p/_lib/profile-detail.tsx
+++ b/src/app/p/_lib/profile-detail.tsx
@@ -339,7 +339,7 @@ export function ProfileDetail({
       </div>
       {person.bookingUrl ? (          
         <ExternalLinkDisclaimer>
-          Booking opens {person.name.split(" ")[0]}'s own scheduling page.
+          Booking opens {person.name.split(" ")[0]}&apos;s own scheduling page.
           Anything arranged there is between you and them, not through Bluehex.
         </ExternalLinkDisclaimer>
         ) : null}