Add personalized meta tags and optimize horoscope images for sharing

Implement dynamic meta tag generation for horoscope pages, including daily, weekly, and monthly predictions, and optimize the OG image for improved social sharing previews.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: dea1fe98-0dfb-4e47-9b94-3c50decbba8a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/OPD8Ro3
Replit-Helium-Checkpoint-Created: true

client/src/pages/horoscope.tsx

@@ -370,7 +370,6 @@ function SignDetail({ signIndex, onNavigate, aiHoroscopes }: { signIndex: number
 }
 
 export default function HoroscopePage() {
-  usePageMeta("Horoskop - Volksmusik & Schlager", "Tägliches Horoskop für alle Sternzeichen. Ihr persönliches Tageshoroskop bei FOLX TV – dem Volksmusik & Schlager Sender.");
   const params = useParams<{ sign?: string }>();
   const [selected, setSelected] = useState<number | null>(null);
   const detailRef = useRef<HTMLDivElement>(null);
@@ -386,6 +385,27 @@ export default function HoroscopePage() {
     }
   }, [params.sign]);
 
+  const selectedSign = selected !== null ? SIGNS[selected] : null;
+  const selectedAi = selected !== null ? aiHoroscopes.find(h => h.signIndex === selected) : null;
+  const today = new Date().toLocaleDateString("de-AT", { day: "numeric", month: "long", year: "numeric" });
+
+  const metaTitle = selectedSign
+    ? `${selectedSign.symbol} ${selectedSign.name} Horoskop – Tages-, Wochen- & Monatshoroskop`
+    : "Horoskop – Tages-, Wochen- & Monatshoroskop für alle Sternzeichen";
+
+  const metaDesc = selectedSign
+    ? `${selectedSign.name} Horoskop für heute, ${today}. Tägliches, wöchentliches und monatliches Horoskop für ${selectedSign.name} (${selectedSign.date}). Liebe, Beruf & Gesundheit bei FOLX TV.`
+    : `Kostenloses Tageshoroskop, Wochenhoroskop & Monatshoroskop für alle 12 Sternzeichen. Liebe, Beruf, Gesundheit – Ihr persönliches Horoskop bei FOLX TV, ${today}.`;
+
+  const ogImage = "https://folx.tv/images/horoskop-og.jpg";
+
+  usePageMeta(metaTitle, metaDesc, {
+    ogTitle: metaTitle,
+    ogDescription: metaDesc,
+    ogImage,
+    ogType: "website",
+  });
+
   const handleSelect = (i: number) => {
     setSelected(i);
     setTimeout(() => {