Mistyczny Horoskop
Odkryj co gwiazdy mają dla Ciebie dziś przygotowane
{sign.name}
{sign.dates}
{sign.element}
{selectedZodiac.name}
{selectedZodiac.dates}
Element: {selectedZodiac.element}
{selectedZodiac.personality}
Miłość
{selectedZodiac.horoscope.love}
Kariera
{selectedZodiac.horoscope.career}
Zdrowie
{selectedZodiac.horoscope.health}
Finanse
{selectedZodiac.horoscope.finance}
✨ Pamiętaj, że gwiazdy inspirują, ale to Ty tworzysz swoją przyszłość ✨
import React, { useState, useEffect } from 'react’;
import { Star, Moon, Sun, Sparkles, Calendar, Heart, Briefcase, Coins } from 'lucide-react’;
const ZodiacApp = () => {
const [selectedZodiac, setSelectedZodiac] = useState(null);
const [currentDate, setCurrentDate] = useState(new Date());
const [animateStars, setAnimateStars] = useState(false);
useEffect(() => {
const timer = setInterval(() => {
setCurrentDate(new Date());
}, 1000);
const starTimer = setInterval(() => {
setAnimateStars(prev => !prev);
}, 3000);
return () => {
clearInterval(timer);
clearInterval(starTimer);
};
}, []);
const zodiacSigns = [
{
name: 'Baran’,
dates: '21.03 – 19.04′,
symbol: '♈’,
element: 'Ogień’,
color: 'from-red-500 to-orange-500′,
personality: 'Energiczny, odważny, przywódczy’,
horoscope: {
love: 'Dziś Venus sprzyja romantycznym spotkaniom. Otwórz serce na nowe możliwości!’,
career: 'Twoja determinacja zostanie doceniona. Idealny czas na prezentację swoich pomysłów.’,
health: 'Wysoka energia wymaga odpoczynku. Pamiętaj o regeneracji.’,
finance: 'Ostrożność w wydatkach. Unikaj impulsywnych zakupów.’
}
},
{
name: 'Byk’,
dates: '20.04 – 20.05′,
symbol: '♉’,
element: 'Ziemia’,
color: 'from-green-500 to-emerald-500′,
personality: 'Stabilny, praktyczny, wytrwały’,
horoscope: {
love: 'Stabilność w związku przyniesie spokój. Pokaż swoją troskę bliskim.’,
career: 'Twoja pracowitość zostanie nagrodzona. Kontynuuj rozpoczęte projekty.’,
health: 'Dbaj o dietę i regularność. Twoje ciało potrzebuje równowagi.’,
finance: 'Doskonały czas na inwestycje długoterminowe. Myśl o przyszłości.’
}
},
{
name: 'Bliźnięta’,
dates: '21.05 – 20.06′,
symbol: '♊’,
element: 'Powietrze’,
color: 'from-yellow-400 to-amber-500′,
personality: 'Komunikatywny, ciekawy, elastyczny’,
horoscope: {
love: 'Komunikacja jest kluczem do szczęścia. Wyrażaj swoje uczucia słowami.’,
career: 'Nowe kontakty mogą otworzyć nieoczekiwane możliwości. Networking przyniesie korzyści.’,
health: 'Umysł potrzebuje relaksu. Spróbuj medytacji lub jogi.’,
finance: 'Różnorodność źródeł dochodu zapewni stabilność.’
}
},
{
name: 'Rak’,
dates: '21.06 – 22.07′,
symbol: '♋’,
element: 'Woda’,
color: 'from-blue-400 to-cyan-500′,
personality: 'Empatyczny, opiekuńczy, intuicyjny’,
horoscope: {
love: 'Rodzina i dom są dziś priorytetem. Spędź czas z najbliższymi.’,
career: 'Twoja intuicja podpowie właściwe rozwiązania. Zaufaj wewnętrznemu głosowi.’,
health: 'Emocje wpływają na samopoczucie. Znajdź czas na relaks.’,
finance: 'Inwestycje w dom i rodzinę będą opłacalne.’
}
},
{
name: 'Lew’,
dates: '23.07 – 22.08′,
symbol: '♌’,
element: 'Ogień’,
color: 'from-orange-400 to-red-500′,
personality: 'Pewny siebie, kreatywny, hojny’,
horoscope: {
love: 'Jesteś w centrum uwagi! Twój urok przyciąga admiratorów.’,
career: 'Czas zabłysnąć talentami. Nie bój się być w centrum uwagi.’,
health: 'Aktywność fizyczna da Ci energię i pewność siebie.’,
finance: 'Unikaj ekstrawaganckich wydatków. Elegancja nie zawsze oznacza drogo.’
}
},
{
name: 'Panna’,
dates: '23.08 – 22.09′,
symbol: '♍’,
element: 'Ziemia’,
color: 'from-green-400 to-teal-500′,
personality: 'Analityczny, perfekcjonista, pomocny’,
horoscope: {
love: 'Szczegóły mają znaczenie w relacjach. Pokaż troskę przez małe gesty.’,
career: 'Twoja dokładność zostanie doceniona. Dokończ rozpoczęte zadania.’,
health: 'Regularność w codziennych nawykach przyniesie rezultaty.’,
finance: 'Planowanie budżetu da Ci poczucie kontroli nad finansami.’
}
},
{
name: 'Waga’,
dates: '23.09 – 22.10′,
symbol: '♎’,
element: 'Powietrze’,
color: 'from-pink-400 to-rose-500′,
personality: 'Harmonijny, sprawiedliwy, dyplomatyczny’,
horoscope: {
love: 'Harmonia i równowaga w związku. Unikaj konfliktów, szukaj kompromisów.’,
career: 'Twoje umiejętności dyplomatyczne rozwiążą trudne sytuacje.’,
health: 'Równowaga między pracą a odpoczynkiem jest kluczowa.’,
finance: 'Partnerskie inwestycje mogą przynieść dobre rezultaty.’
}
},
{
name: 'Skorpion’,
dates: '23.10 – 21.11′,
symbol: '♏’,
element: 'Woda’,
color: 'from-purple-600 to-indigo-600′,
personality: 'Intensywny, tajemniczy, determinowany’,
horoscope: {
love: 'Głębokie emocje wychodzą na powierzchnię. Otwórz się przed partnerem.’,
career: 'Twoja determinacja przełamie wszelkie bariery. Nie poddawaj się.’,
health: 'Transformacja stylu życia przyniesie pozytywne zmiany.’,
finance: 'Ukryte możliwości zarobku mogą się ujawnić. Badaj nowe opcje.’
}
},
{
name: 'Strzelec’,
dates: '22.11 – 21.12′,
symbol: '♐’,
element: 'Ogień’,
color: 'from-purple-500 to-blue-600′,
personality: 'Optymistyczny, poszukujący, niezależny’,
horoscope: {
love: 'Przygoda i spontaniczność ożywią związek. Zaplanuj coś nieoczekiwanego.’,
career: 'Nowe horyzonty się otwierają. Rozważ możliwości za granicą.’,
health: 'Aktywność na świeżym powietrzu da Ci energię życiową.’,
finance: 'Inwestycje w edukację i rozwój będą opłacalne.’
}
},
{
name: 'Koziorożec’,
dates: '22.12 – 19.01′,
symbol: '♑’,
element: 'Ziemia’,
color: 'from-gray-600 to-slate-700′,
personality: 'Ambitny, odpowiedzialny, wytrwały’,
horoscope: {
love: 'Stabilność i tradycja mają znaczenie. Buduj relacje na solidnych fundamentach.’,
career: 'Twoja cierpliwość zostanie nagrodzona awansem lub uznaniem.’,
health: 'Systematyczność w dbaniu o zdrowie przyniesie długofalowe korzyści.’,
finance: 'Konserwatywne podejście do finansów zapewni bezpieczeństwo.’
}
},
{
name: 'Wodnik’,
dates: '20.01 – 18.02′,
symbol: '♒’,
element: 'Powietrze’,
color: 'from-cyan-400 to-blue-500′,
personality: 'Innowacyjny, niezależny, humanitarny’,
horoscope: {
love: 'Przyjaźń jest podstawą miłości. Buduj relacje na wspólnych wartościach.’,
career: 'Innowacyjne pomysły znajdą uznanie. Nie bój się być oryginalny.’,
health: 'Nowoczesne metody leczenia mogą przynieść ulgę.’,
finance: 'Technologiczne inwestycje mogą być bardzo opłacalne.’
}
},
{
name: 'Ryby’,
dates: '19.02 – 20.03′,
symbol: '♓’,
element: 'Woda’,
color: 'from-teal-400 to-cyan-600′,
personality: 'Intuicyjny, współczujący, kreatywny’,
horoscope: {
love: 'Intuicja podpowie Ci właściwy kierunek w sprawach serca.’,
career: 'Kreatywność i wyobraźnia otworzą nowe możliwości zawodowe.’,
health: 'Duchowy rozwój wpłynie pozytywnie na zdrowie fizyczne.’,
finance: 'Zaufaj instynktowi przy podejmowaniu decyzji finansowych.’
}
}
];
const formatDate = (date) => {
return date.toLocaleDateString(’pl-PL’, {
weekday: 'long’,
year: 'numeric’,
month: 'long’,
day: 'numeric’
});
};
const formatTime = (date) => {
return date.toLocaleTimeString(’pl-PL’, {
hour: '2-digit’,
minute: '2-digit’,
second: '2-digit’
});
};
return (
))}
Mistyczny Horoskop
Odkryj co gwiazdy mają dla Ciebie dziś przygotowane
{!selectedZodiac ? (
/* Zodiac Selection */
className={`cursor-pointer transform hover:scale-105 transition-all duration-300 p-6 rounded-2xl bg-gradient-to-br ${sign.color} shadow-lg hover:shadow-2xl group relative overflow-hidden`}
>
{sign.name}
{sign.dates}
{sign.element}
))}
) : (
/* Detailed Horoscope */
{selectedZodiac.name}
{selectedZodiac.dates}
Element: {selectedZodiac.element}
{selectedZodiac.personality}
Miłość
{selectedZodiac.horoscope.love}
{/* Career */}
Kariera
{selectedZodiac.horoscope.career}
{/* Health */}
Zdrowie
{selectedZodiac.horoscope.health}
{/* Finance */}
Finanse
{selectedZodiac.horoscope.finance}
Horoskop na {formatDate(currentDate)}
)}
{/* Footer */}
✨ Pamiętaj, że gwiazdy inspirują, ale to Ty tworzysz swoją przyszłość ✨
);
};
export default ZodiacApp;