feat: unify section heading styles across components

Author: monkeyWie

app/global.css

@@ -146,6 +146,11 @@ body {
   background: radial-gradient(var(--tw-gradient-stops));
 }
 
+/* Shared section heading style — matches the store page title aesthetic */
+.section-heading {
+  @apply font-semibold tracking-tight text-gray-950 dark:text-white;
+}
+
 /* Download component styles from websitev2 */
 @layer components {
   .tab-grid {

components/home/Downloads.tsx

@@ -317,10 +317,8 @@ export function Downloads({ version, releaseAssets }: DownloadsProps) {
           transition={{ duration: 0.5 }}
           className="text-center mb-12"
         >
-          <h2 className="text-3xl font-bold mb-4">
-            <span className="bg-linear-to-r from-primary-400 to-primary-600 bg-clip-text text-transparent">
-              {t("downloads.title")}
-            </span>
+          <h2 className="text-3xl section-heading mb-4">
+            {t("downloads.title")}
           </h2>
           <p className="text-gray-600 dark:text-gray-400">
             {t("downloads.subtitle")}

components/home/Extensions.tsx

@@ -58,10 +58,8 @@ export function Extensions() {
             transition={{ duration: 0.5 }}
             className="text-center mb-16"
           >
-            <h2 className="text-3xl font-bold mb-4">
-              <span className="bg-linear-to-r from-primary-400 to-primary-600 bg-clip-text text-transparent">
-                {t("extensions.title")}
-              </span>
+            <h2 className="text-3xl section-heading mb-4">
+              {t("extensions.title")}
             </h2>
             <p className="text-gray-600 dark:text-gray-400">
               {t("extensions.subtitle")}

components/home/Features.tsx

@@ -65,10 +65,8 @@ export function Features() {
             transition={{ duration: 0.5 }}
             className="text-center mb-16"
           >
-            <h2 className="text-3xl font-bold mb-4">
-              <span className="bg-linear-to-r from-primary-400 to-primary-600 bg-clip-text text-transparent">
-                {t("features.title")}
-              </span>
+            <h2 className="text-3xl section-heading mb-4">
+              {t("features.title")}
             </h2>
             <p className="text-gray-600 dark:text-gray-400">
               {t("features.subtitle")}

components/home/Hero.tsx

@@ -111,10 +111,8 @@ export function Hero({ version, releaseAssets }: HeroProps) {
               className="text-center lg:text-left space-y-4 lg:space-y-6 flex flex-col justify-center order-1"
             >
               <div className="space-y-4">
-                <h1 className="text-3xl sm:text-5xl font-bold leading-tight">
-                  <span className="bg-gradient-to-r from-primary-400 via-primary-500 to-primary-600 bg-clip-text text-transparent animate-gradient-x">
-                    {t("hero.title")}
-                  </span>
+                <h1 className="text-3xl sm:text-5xl leading-tight section-heading">
+                  {t("hero.title")}
                 </h1>
                 <p className="text-xl text-gray-600 dark:text-gray-400">
                   {t("hero.subtitle")}