fix(landing): keep hero floating-badge text dark in Dark Mode

The badges (Neuer Beitrag von Bubi / Likes-Follows-Reaktionen / Story ist
aktiv) intentionally keep a hardcoded white chip background, but their text
followed the text-foreground token, which flips to near-white in Dark Mode —
nearly invisible on the still-white chip.

src/app/page.tsx

@@ -154,7 +154,7 @@ export default async function RootPage() {
                 style={{ animationDelay: "0.5s" }}
               >
                 <Heart className="h-4 w-4 shrink-0 fill-orange-500 text-orange-500" aria-hidden="true" />
-                <span className="text-xs font-semibold text-foreground">{t("heroBadge2")}</span>
+                <span className="text-xs font-semibold text-zinc-900">{t("heroBadge2")}</span>
               </div>
 
               <div
@@ -162,7 +162,7 @@ export default async function RootPage() {
                 style={{ animationDelay: "1.2s" }}
               >
                 <Sparkles className="h-4 w-4 shrink-0 text-orange-500" aria-hidden="true" />
-                <span className="text-xs font-semibold text-foreground">{t("heroBadge3")}</span>
+                <span className="text-xs font-semibold text-zinc-900">{t("heroBadge3")}</span>
               </div>
 
               <div
@@ -170,7 +170,7 @@ export default async function RootPage() {
                 style={{ animationDelay: "2.4s" }}
               >
                 <PawPrint className="h-4 w-4 shrink-0 fill-orange-500 text-orange-500" aria-hidden="true" />
-                <span className="text-xs font-semibold text-foreground">{t("heroBadge1")}</span>
+                <span className="text-xs font-semibold text-zinc-900">{t("heroBadge1")}</span>
               </div>
             </div>
           </div>