From 5426b0daa0509c5d10c4c957afd8552bad7a8985 Mon Sep 17 00:00:00 2001
From: Fraser McTaggart <fraser@mctweb.co.uk>
Date: Fri, 6 May 2022 20:48:30 +0100
Subject: [PATCH] fix: Typos on collapse component

---
 components/ui/FAQ/Collapse.vue | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/components/ui/FAQ/Collapse.vue b/components/ui/FAQ/Collapse.vue
index 32de705..b0a09cf 100644
--- a/components/ui/FAQ/Collapse.vue
+++ b/components/ui/FAQ/Collapse.vue
@@ -3,7 +3,7 @@
         <div class="py-6" slot="component">
             <section class="bg-white dark:bg-gray-900">
                 <div class="container px-6 py-10 mx-auto">
-                    <h1 class="text-4xl font-semibold text-gray-800 dark:text-white">FQA's</h1>
+                    <h1 class="text-4xl font-semibold text-gray-800 dark:text-white">FAQ's</h1>
 
                     <hr class="my-6 border-gray-200 dark:border-gray-700">
 
@@ -12,7 +12,7 @@
                             <button class="flex items-center focus:outline-none">
                                 <svg class="w-6 h-6 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"></path></svg>
 
-                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">How i can play for my appoinment ?</h1>
+                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">How can I pay for my appointment ?</h1>
                             </button>
 
                             <div class="flex mt-8 md:mx-10">
@@ -32,7 +32,7 @@
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                                 </svg>
 
-                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What can i expect at my first consultation ?</h1>
+                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What can I expect at my first consultation ?</h1>
                             </button>
                         </div>
 
@@ -44,7 +44,7 @@
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                                 </svg>
 
-                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What are your opening house ?</h1>
+                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What are your opening hours ?</h1>
                             </button>
                         </div>
 
@@ -56,7 +56,7 @@
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                                 </svg>
 
-                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Do i need a referral ?</h1>
+                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Do I need a referral ?</h1>
                             </button>
                         </div>
 
@@ -68,7 +68,7 @@
                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                                 </svg>
 
-                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Is the cost of the appoinment covered by private health insurance ?</h1>
+                                <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Is the cost of the appointment covered by private health insurance ?</h1>
                             </button>
                         </div>
                     </div>
@@ -86,7 +86,7 @@
                 code: `
         <section class="bg-white dark:bg-gray-900">
             <div class="container px-6 py-10 mx-auto">
-                <h1 class="text-4xl font-semibold text-gray-800 dark:text-white">FQA's</h1>
+                <h1 class="text-4xl font-semibold text-gray-800 dark:text-white">FAQ's</h1>
 
                 <hr class="my-6 border-gray-200 dark:border-gray-700">
 
@@ -95,7 +95,7 @@
                         <button class="flex items-center focus:outline-none">
                             <svg class="w-6 h-6 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"></path></svg>
 
-                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">How i can play for my appoinment ?</h1>
+                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">How can I pay for my appointment ?</h1>
                         </button>
 
                         <div class="flex mt-8 md:mx-10">
@@ -115,7 +115,7 @@
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                             </svg>
 
-                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What can i expect at my first consultation ?</h1>
+                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What can I expect at my first consultation ?</h1>
                         </button>
                     </div>
 
@@ -127,7 +127,7 @@
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                             </svg>
 
-                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What are your opening house ?</h1>
+                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">What are your opening hours ?</h1>
                         </button>
                     </div>
 
@@ -139,7 +139,7 @@
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                             </svg>
 
-                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Do i need a referral ?</h1>
+                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Do I need a referral ?</h1>
                         </button>
                     </div>
 
@@ -151,7 +151,7 @@
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
                             </svg>
 
-                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Is the cost of the appoinment covered by private health insurance ?</h1>
+                            <h1 class="mx-4 text-xl text-gray-700 dark:text-white">Is the cost of the appointment covered by private health insurance ?</h1>
                         </button>
                     </div>
                 </div>
@@ -160,4 +160,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>