refacor: made title visible on home page

Author: Vedant005

src/app/(home)/page.tsx

@@ -17,13 +17,13 @@ export default function HomePage() {
         <div className="link group cursor-pointer p-6 border rounded-2xl bg-white hover:scale-105 transition-all">
           <Link
             href="/docs/install/getting-started"
-            className="block text-lg font-medium text-gray-900 dark:text-zinc-400 hover:text-gray-600 dark:hover:text-zinc-400"
+            className="block text-lg font-medium text-gray-900 dark:text-zinc-300 hover:text-gray-600 dark:hover:text-zinc-400"
           >
             <div className="flex items-center justify-center">
               <RocketIcon className="size-12 md:size-24" aria-hidden="true" />
             </div>
 
-            <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">
+            <h3 className="mt-5 text-gray-900 dark:text-zinc-600 font-medium">
               Quickstart
             </h3>
             <p className="mt-2 text-sm text-gray-500 dark:text-zinc-500">
@@ -36,13 +36,13 @@ export default function HomePage() {
         <div className="link group cursor-pointer p-6 border rounded-2xl bg-white hover:scale-105 transition-all">
           <Link
             href="/api-reference"
-            className="block text-lg font-medium text-gray-900 dark:text-zinc-400 hover:text-gray-600 dark:hover:text-zinc-400"
+            className="block text-lg font-medium text-gray-900 dark:text-zinc-300 hover:text-gray-600 dark:hover:text-zinc-400"
           >
             <div className="flex items-center justify-center">
               <TerminalIcon className="size-12 md:size-24" aria-hidden="true" />
             </div>
 
-            <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">
+            <h3 className="mt-5 text-gray-900 dark:text-zinc-600 font-medium">
               API Reference
             </h3>
             <p className="mt-2 text-sm text-gray-500 dark:text-zinc-500">