fix-landing-page (#820)

Author: aditya520

pages/home/index.mdx

@@ -90,31 +90,33 @@ Get started with Pyth Network by exploring our comprehensive documentation:
 ## Additional Resources
 
 <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
-  <div className="p-6 bg-gray-50 rounded-lg">
-    <h3 className="text-lg font-semibold mb-2">PYTH Token</h3>
-    <p className="text-gray-600 mb-4">Learn about the Pyth governance token and its role in the network.</p>
-    <a href="./pyth-token" className="text-blue-600 hover:text-blue-800 font-medium">Learn More →</a>
+  <div className="p-6 bg-gray-50 dark:bg-darkGray rounded-lg border border-gray-200 dark:border-gray-700">
+    <h3 className="text-lg font-semibold mb-2 text-lightForeground dark:text-white">PYTH Token</h3>
+    <p className="text-gray-700 dark:text-light mb-4">Learn about the Pyth governance token and its role in the network.</p>
+    <a href="./pyth-token" className="text-lightLinks dark:text-darkLinks hover:text-blue-800 dark:hover:text-blue-300 font-medium">Learn More →</a>
   </div>
 
 {" "}
 
-<div className="p-6 bg-gray-50 rounded-lg">
-  <h3 className="text-lg font-semibold mb-2">Oracle Integrity Staking</h3>
-  <p className="text-gray-600 mb-4">
+<div className="p-6 bg-gray-50 dark:bg-darkGray rounded-lg border border-gray-200 dark:border-gray-700">
+  <h3 className="text-lg font-semibold mb-2 text-lightForeground dark:text-white">
+    Oracle Integrity Staking
+  </h3>
+  <p className="text-gray-700 dark:text-light mb-4">
     Understand how staking ensures data quality and network security.
   </p>
   <a
     href="./home/oracle-integrity-staking"
-    className="text-blue-600 hover:text-blue-800 font-medium"
+    className="text-lightLinks dark:text-darkLinks hover:text-blue-800 dark:hover:text-blue-300 font-medium"
   >
     Learn More →
   </a>
 </div>
 
-  <div className="p-6 bg-gray-50 rounded-lg">
-    <h3 className="text-lg font-semibold mb-2">Network Metrics</h3>
-    <p className="text-gray-600 mb-4">Track the network's adoption, growth, and performance metrics.</p>
-    <a href="./home/metrics" className="text-blue-600 hover:text-blue-800 font-medium">Learn More →</a>
+  <div className="p-6 bg-gray-50 dark:bg-darkGray rounded-lg border border-gray-200 dark:border-gray-700">
+    <h3 className="text-lg font-semibold mb-2 text-lightForeground dark:text-white">Network Metrics</h3>
+    <p className="text-gray-700 dark:text-light mb-4">Track the network's adoption, growth, and performance metrics.</p>
+    <a href="./home/metrics" className="text-lightLinks dark:text-darkLinks hover:text-blue-800 dark:hover:text-blue-300 font-medium">Learn More →</a>
   </div>
 </div>