import { useState, useEffect, useRef } from "react"; import { Waves, Shield, Layers, PenTool, Mic, Zap, Headphones, ChevronDown, ArrowRight, Check, Star, Volume2, VolumeX } from "lucide-react"; const StarField = () => { const canvasRef = useRef(null); useEffect(() => { const canvas = canvasRef.current; if (!canvas) return; const ctx = canvas.getContext("2d"); let animId; const stars = []; const resize = () => { canvas.width = window.innerWidth; canvas.height = window.innerHeight; }; resize(); window.addEventListener("resize", resize); for (let i = 0; i < 300; i++) { stars.push({ x: Math.random() * canvas.width, y: Math.random() * canvas.height, r: Math.random() * 1.2 + 0.2, speed: Math.random() * 0.4 + 0.05, phase: Math.random() * Math.PI * 2 }); } const draw = (t) => { ctx.clearRect(0, 0, canvas.width, canvas.height); stars.forEach((s) => { const f = 0.4 + 0.6 * Math.sin(t * 0.001 * s.speed * 2 + s.phase); ctx.beginPath(); ctx.arc(s.x, s.y, s.r, 0, Math.PI * 2); ctx.fillStyle = `rgba(200,190,230,${f * 0.7})`; ctx.fill(); if (s.r > 0.9) { ctx.beginPath(); ctx.arc(s.x, s.y, s.r * 4, 0, Math.PI * 2); ctx.fillStyle = `rgba(167,139,250,${f * 0.04})`; ctx.fill(); } }); animId = requestAnimationFrame(draw); }; animId = requestAnimationFrame(draw); return () => { cancelAnimationFrame(animId); window.removeEventListener("resize", resize); }; }, []); return ; }; const SacredGeo = ({ size = 300, opacity = 0.05, style: s = {} }) => ( {[0,60,120,180,240,300].map(a => { const r = a * Math.PI / 180; return ; })} ); const Reveal = ({ children, delay = 0, style: s = {} }) => { const [v, setV] = useState(false); const ref = useRef(null); useEffect(() => { const o = new IntersectionObserver(([e]) => { if (e.isIntersecting) setV(true); }, { threshold: 0.12 }); if (ref.current) o.observe(ref.current); return () => o.disconnect(); }, []); return
{children}
; }; const Label = ({ children }) => (
— {children} —
); const Title = ({ children }) => (

{children}

); const BtnPrimary = ({ children, onClick, style: s = {} }) => { const [h, setH] = useState(false); return ; }; const BtnSecondary = ({ children, onClick, style: s = {} }) => { const [h, setH] = useState(false); return ; }; const FAQ = [ { q: "Czym są nagrania subliminalne?", a: "Ścieżki audio zawierające afirmacje ukryte poniżej progu świadomego odbioru. Podświadomość odbiera te komunikaty i stopniowo je internalizuje, wspierając transformację wewnętrzną." }, { q: "Jak działa tryb Silent z ultradźwiękami?", a: "Afirmacje modulowane na 17.5 kHz metodą DSB-SC — powyżej progu słyszalności. Słyszysz tylko dźwięk tła, podświadomość odbiera ukryte komunikaty." }, { q: "Czym jest tryb Extreme?", a: "Wiele warstw afirmacji nałożonych jednocześnie — każda z inną głośnością i prędkością. Intensywne, wielowymiarowe doświadczenie nasycające podświadomość." }, { q: "Ile czasu potrzebuję na efekty?", a: "Subtelne zmiany po 2–3 tygodniach (15–30 min dziennie). Głębsza transformacja wymaga 60–90 dni konsekwentnej praktyki." }, { q: "Czy mogę używać własnych afirmacji?", a: "Tak — w dowolnym języku. Dostępna też baza gotowych afirmacji w sześciu kategoriach." }, { q: "Czy mogę anulować subskrypcję?", a: "W dowolnym momencie. Bez umów. Dostęp do końca opłaconego okresu." }, ]; export default function LandingPage() { const [openFaq, setOpenFaq] = useState(null); const scrollTo = (id) => document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }); return (
{/* NAV */}
{/* HERO */}
— Obudź moc swojej podświadomości —

Przeprogramuj swoją rzeczywistość

Twórz spersonalizowane nagrania subliminalne z głosami AI. Ultradźwięki, wiele warstw, pełna kontrola.

scrollTo("pricing")}>Rozpocznij transformację scrollTo("how")}>Jak to działa
PRZEWIŃ
{/* FEATURES */}
Trzy wymiary transformacji
{[ { Icon: Volume2, title: "Standard", sub: "Świadome wsparcie", desc: "Afirmacje słyszalne, delikatnie wplecione w dźwięk tła. Idealne do świadomej medytacji i codziennej praktyki.", c: "#7d9eff" }, { Icon: VolumeX, title: "Silent", sub: "Ukryta moc", desc: "Ultradźwięki 17.5 kHz lub ściszenie poniżej progu percepcji. Słyszysz tylko muzykę — podświadomość odbiera resztę.", c: "#d4a44e" }, { Icon: Layers, title: "Extreme", sub: "Pełna immersja", desc: "Wiele warstw nałożonych na siebie z różną prędkością i głośnością. Maksymalne nasycenie ze wszystkich kierunków.", c: "#b88cfa" }, ].map((f, i) => { const [h, setH] = useState(false); return (
setH(true)} onMouseLeave={() => setH(false)} style={{ background: h ? "linear-gradient(180deg, rgba(18,14,30,0.9), rgba(12,9,22,0.7))" : "linear-gradient(180deg, rgba(14,11,24,0.75), rgba(10,8,18,0.5))", border: `1px solid ${h ? f.c + "25" : "rgba(167,139,250,0.06)"}`, borderRadius: 18, padding: "40px 30px", height: "100%", transform: h ? "translateY(-5px)" : "translateY(0)", transition: "all 0.4s cubic-bezier(0.16,1,0.3,1)", cursor: "default", position: "relative", overflow: "hidden", }}>

{f.title}

{f.sub}

{f.desc}

); })}
{/* HOW */}
Cztery kroki do przemiany
 {[ { n: "I", t: "Wybierz afirmacje", d: "Wpisz własne lub wybierz z bazy — obfitość, pewność siebie, zdrowie, miłość, sukces, spokój wewnętrzny.", I: PenTool }, { n: "II", t: "Dostosuj głos i tło", d: "Naturalny głos AI po polsku. Biblioteka dźwięków tła lub upload własnej muzyki z telefonu.", I: Mic }, { n: "III", t: "Wybierz tryb", d: "Standard, Silent lub Extreme. Gotowe presety — zero konfiguracji, pełna skuteczność.", I: Zap }, { n: "IV", t: "Słuchaj i transformuj", d: "Pobierz MP3 i słuchaj 15–60 minut dziennie. Podświadomość robi resztę.", I: Headphones }, ].map((s, i) => (
KROK {s.n}

{s.t}

{s.d}

 ))}
{/* PRICING */}
Jeden plan. Pełna moc.
Pełen Dostęp
100 zł /mies.

Anuluj kiedy chcesz. Bez umów.

{["Nielimitowane nagrania subliminalne","Tryby Standard, Silent i Extreme","Ultradźwięki 17.5 kHz — metoda DSB-SC","Presety Extreme: Deep, Power, Whisper, Turbo","Naturalne głosy AI po polsku","Baza afirmacji w 6 kategoriach","Własne afirmacje bez limitów","Biblioteka dźwięków tła + upload własnych","Nagrania do 120 minut","Jakość audio 48 kHz"].map((item, i) => (
{item}
))}
{}} style={{ width: "100%", justifyContent: "center", padding: "18px", fontSize: 16, borderRadius: 12 }}>Rozpocznij
Bezpieczna płatność Stripe
{/* TESTIMONIALS */}
Głosy transformacji
{[ { t: "Po miesiącu słuchania trybu Silent podczas snu zauważyłam ogromną zmianę w podejściu do pieniędzy. Od stresu do spokojnej pewności.", n: "Marta K.", r: "Przedsiębiorca" }, { t: "Extreme brzmi jak nic innego — afirmacje wnikają z każdej strony. Po 3 tygodniach dostałem awans, o który nie miałem odwagi prosić.", n: "Tomasz W.", r: "Manager IT" }, { t: "Fale binauralne Alpha podczas medytacji. Głębia relaksu nieporównywalna z niczym wcześniejszym.", n: "Agnieszka L.", r: "Coach mindfulness" }, { t: "Byłem sceptyczny. Po 60 dniach trybu Silent — coś się zmieniło. Ludzie pytają co robię inaczej.", n: "Kamil D.", r: "Fotograf" }, ].map((t, i) => { const [h, setH] = useState(false); return (
setH(true)} onMouseLeave={() => setH(false)} style={{ background: h ? "rgba(14,11,24,0.7)" : "rgba(12,10,20,0.5)", border: `1px solid ${h ? "rgba(212,164,78,0.1)" : "rgba(167,139,250,0.04)"}`, borderRadius: 16, padding: "28px 26px", transition: "all 0.35s" }}>
{[...Array(5)].map((_, j) => )}

{t.t}

{t.n[0]}
{t.n}
{t.r}
 ); })}
{/* FAQ */}
Często zadawane pytania
{FAQ.map((f, i) => (

{f.a}

 ))}
{/* CTA */}

Twoja transformacja zaczyna się dzisiaj

Dołącz do osób, które każdego dnia przeprogramowują podświadomość na sukces, obfitość i spokój wewnętrzny.

scrollTo("pricing")} style={{ padding: "20px 48px", fontSize: 16 }}> Rozpocznij za 100 zł / mies.
{/* FOOTER */}
); }