Fixed some spelling errors and made a format change to how information is displayed

Author: roryhmartin

assets/components/Website/Pages/Home/Section/TheWorkshops.vue

@@ -30,7 +30,7 @@ const { loggedIn } = defineProps({
         <h4 class="mb-4 mt-0 p-0 font-work-sans text-2xl font-bold capitalize not-italic text-white">Community</h4>
         <p class="text-balance mb-4 text-base text-white">
           Community workshops are those created by, well, you! They are not officially maintained by the PHP School team and not all of them are compatible with the online system. Compatible ones are
-          labeled, otherwise, you can always run run them
+          labeled, otherwise, you can always run them
           <router-link class="text-[#e91e63] hover:underline" to="/offline">offline</router-link>
           .
         </p>

assets/components/Website/Pages/PageHome.vue

@@ -15,6 +15,7 @@ import InfoSection from "./Home/InfoSection.vue";
 import GettingStarted from "./Home/Section/GettingStarted.vue";
 import TheWorkshops from "./Home/Section/TheWorkshops.vue";
 import BuildYourOwn from "./Home/Section/BuildYourOwn.vue";
+import { ChevronRightIcon } from "@heroicons/vue/24/solid";
 
 import { SparklesIcon } from "@heroicons/vue/24/solid";
 import { useStudentStore } from "../../../stores/student";
@@ -151,12 +152,18 @@ onUnmounted(() => {
 
         <template #right>
           <div class="mt-28 w-full space-y-8 text-left sm:px-5 md:mt-36 lg:mt-0 lg:w-1/3">
-            <h2 class="font-work-sans text-5xl font-bold text-white">Open Source educational PHP Workshops</h2>
-            <p class="font-base font-work-sans text-lg text-white">
-              PHP School is a set of workshops each designed to teach a specific topic, tool, technology. Some beginner, some advanced. Each workshop consists of multiple exercises where your task is
-              to code a solution to solve a problem. All our workshops are open source and you can contribute to them with spelling & bug fixes, new exercises. You can even build and publish your own
-              workshop.
-            </p>
+            <h2 class="font-work-sans text-5xl font-bold text-white">Open-Source Gateway To PHP Mastery</h2>
+            <div class="grid grid-cols-4">
+              <div class="p-2 col-span-1 text-right w-4"><span class=" text-pink-600 text-xl font-semibold">&#62;</span></div>
+              <div class="p-2 col-span-3 text-white xl:-ml-24 "><span class="text-pink-600 font-semibold">Interactive Workshops:</span><span> Engaging sessions covering beginner to advanced topics in PHP</span></div>
+              <div class="p-2 col-span-1 text-right w-4"><span class=" text-pink-600 text-xl font-semibold">&#62;</span></div>
+              <div class="p-2 col-span-3 text-white xl:-ml-24 "><span class="text-pink-600 font-semibold">Hands-On Learning:</span><span class="col-span-1"> Solve real-world problems through coding exercises</span></div>
+              <div class="p-2 col-span-1 text-right w-4"><span class=" text-pink-600 text-xl font-semibold">&#62;</span></div>
+              <div class="p-2 col-span-3 text-white xl:-ml-24 "><span class="text-pink-600 font-semibold">Community Collaboration:</span><span class="col-span-1"> Contribute, fix bugs, and create your own workshops</span></div>
+              <div class="p-2 col-span-1 text-right w-4"><span class=" text-pink-600 text-xl font-semibold">&#62;</span></div>
+              <div class="p-2 col-span-3 text-white xl:-ml-24 "><span class="text-pink-600 font-semibold">Open Source Education:</span><span class="col-span-1"> Access all workshops for free and learn at your own pace</span></div>
+            </div>
+
             <div class="flex justify-start">
               <PrimaryButton to="/online">GET STARTED</PrimaryButton>
             </div>