minor UI updates

Author: adictonator

template-parts/sections/section-cards.php

@@ -23,7 +23,7 @@
 
 <section class="relative mx-auto max-w-7xl pt-10 pb-10 lg:pb-14 px-4">
 	<h2 class="text-2xl md:max-w-2xl mx-auto font-bold md:text-5xl font-display text-center md:leading-tight">
-		CSS & JavaScript Toolbox is <span class="text-brand-blue">ideal</span> for
+		CSS & JavaScript Toolbox is <span class="text-brand-blue">used</span> for
 	</h2>
 	<div class="grid grid-cols-1 gap-5 lg:grid-cols-2 lg:grid-rows-2 lg:gap-x-10 lg:gap-y-14 lg:px-0 px-5 items-start mt-10 lg:mt-24">
 		<div class="grid justify-items-center justify-center md:text-start text-center items-center lg:space-y-5 space-y-2.5">

template-parts/sections/section-hero.php

@@ -15,7 +15,7 @@
 		<div class="lg:space-y-10 space-y-2.5 xl:col-span-6">
 			<div class="space-y-5 md:pt-24 pt-10">
 				<h1 class="lg:text-5xl text-4xl font-display lg:text-left lg:leading-tight text-center">
-					The safe WordPress plugin for adding code snippets and scripts to your website
+					The <span class="text-brand-blue">safe</span> WordPress plugin for <span class="text-brand-blue">adding</span> code snippets and scripts to your <span class="text-brand-blue">website</span>
 				</h1>
 			</div>
 			<p class="max-w-2xl font-medium lg:text-start text-center lg:text-lg text-sm text-neutral-600">CSS & JavaScript Toolbox is a WordPress plugin that allows you to safely add CSS, JavaScript, PHP or HTML to unique code blocks that can be run anywhere on your website.</p>