edit text colior

templates/partials/hero/hero6.html

@@ -2,11 +2,11 @@
   <div class="mx-auto max-w-7xl lg:grid lg:grid-cols-12 lg:gap-x-8 lg:px-8">
     <div class="px-6 pt-10 pb-24 sm:pb-32 lg:col-span-7 lg:px-0 lg:pt-40 lg:pb-48 xl:col-span-6">
       <div class="mx-auto max-w-2xl lg:mx-0 lg:flex-auto">
-        <p class="text-base/7 font-light text-white tracking-wide">SUBHEADER</p>
-        <h1 class="mt-10 text-4xl font-semibold tracking-tight text-white lg:text-6xl">
+        <p class="text-base/7 font-light text-black tracking-wide">SUBHEADER</p>
+        <h1 class="mt-10 text-4xl font-semibold tracking-tight text-black lg:text-6xl">
             This is Hero6.html
         </h1>
-        <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-white">This is smaller title h2</h2>
+        <h2 class="fade-in text-balance lg:text-5xl text-4xl font-normal tracking-tight text-black">This is smaller title h2</h2>
         <p class="mt-8 text-lg font-light text-gray-50 lgl:text-xl">
             Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. 
             Elit sunt amet fugiat veniam occaecat fugiat aliqua. Anim aute id magna aliqua ad ad non deserunt sunt.
@@ -15,7 +15,7 @@
             <a href="#" class="rounded-2xl bg-white px-3.5 py-2.5 text-sm font-semibold text-black shadow-xs hover:bg-gray-200 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-200">
                 Get started
             </a>
-            <a href="#" class="text-sm font-semibold text-white hover:text-gray-200">
+            <a href="#" class="text-sm font-semibold text-black hover:text-gray-200">
                 Learn more <span aria-hidden="true">→</span>
             </a>
         </div>