From f4c19b9972a6e27d943ac97ff8202abe6c6a09fc Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 25 Apr 2023 01:08:01 +0100
Subject: [PATCH] refactor: use the Button component

---
 src/pages/call.mdx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/pages/call.mdx b/src/pages/call.mdx
index 1492b06f7..430070938 100644
--- a/src/pages/call.mdx
+++ b/src/pages/call.mdx
@@ -5,18 +5,15 @@ link: https://savvycal.com/opdavies/consulting-call
 price: 199
 ---
 
+import Button from "~/components/Button.astro";
+
 ## How it works
 
 - You book a 60 minute consulting call with me.
 - Once payment is received, you’ll obtain a link to schedule a meeting in my calendar.
 - The meeting will take place over Zoom.
 
-<a
-  class="inline-block py-2 px-5 my-4 text-lg text-white no-underline rounded-lg border-2 transition-colors duration-200 hover:bg-white border-blue-primary bg-blue-primary hover:text-blue-primary"
-  href={frontmatter.link}
->
-  Book your call now &rarr;
-</a>
+<Button href={frontmatter.link} text="Book your call now" />
 
 If you don’t find the call valuable, I’ll refund 100% of the cost.
 
@@ -30,7 +27,7 @@ If you don’t find the call valuable, I’ll refund 100% of the cost.
 - Reviewing your code and providing advice and suggestions.
 
 <aside class="p-6 my-8 border border-gray-300 dark:bg-gray-800 dark:border-gray-700" markdown="1">
-<h2 class="mt-0">Ready to book your call?</h2>
+  <h2 class="mt-0">Ready to book your call?</h2>
 
-<a class="inline-block py-2 px-5 mt-4 text-lg text-white no-underline rounded-lg border-2 transition-colors duration-200 hover:bg-white border-blue-primary bg-blue-primary hover:text-blue-primary" href={frontmatter.link}>Book now for £{frontmatter.price} &rarr;</a>
+  <Button href={frontmatter.link} text={`Book now for £${frontmatter.price}`} />
 </aside>