frontend-react/src/pages/About.tsx

import React from 'react';
import { Shield, Sparkles, Scale, Lock, BookOpen } from 'lucide-react';

const About: React.FC = () => {
    return (
        <div style={{ height: '100%', overflowY: 'auto', padding: '2rem' }}>
          <div style={{ maxWidth: '1000px', margin: '0 auto', paddingBottom: '4rem' }}>
            <div style={{ marginBottom: '3rem', textAlign: 'center' }}>
                <div style={{ width: '80px', height: '80px', background: 'linear-gradient(135deg, var(--accent-blue), var(--accent-purple))', borderRadius: '20px', display: 'flex', alignItems: 'center', justifyContent: 'center', margin: '0 auto 1.5rem', color: '#fff' }}>
                    <Sparkles size={40} />
                </div>
                <h1 style={{ fontSize: '2.5rem', fontWeight: 800, margin: '0 0 0.5rem 0', color: '#fff' }}>DotacjeAI</h1>
                <p style={{ color: '#f3f4f6', fontSize: '1.1rem', maxWidth: '800px', margin: '0 auto', lineHeight: '1.6' }}>
                    Witamy w DotacjeAI – Twoim wirtualnym asystencie i inteligentnym biurze doradztwa dotacyjnego. Nasza platforma wykorzystuje zaawansowane modele sztucznej inteligencji, aby zautomatyzować, przyspieszyć i ułatwić proces ubiegania się o fundusze publiczne (m.in. z programów PARP, NCBR oraz funduszy europejskich).
                </p>
                <p style={{ color: '#f3f4f6', fontSize: '1rem', marginTop: '1rem' }}>
                    Niniejszy dokument wyjaśni kluczowe kwestie związane z bezpieczeństwem Twoich danych, wiarygodnością systemu i aspektami prawnymi.
                </p>
            </div>

            <div className="glass-card" style={{ marginBottom: '2rem' }}>
                <h2 style={{ fontSize: '1.5rem', borderBottom: '1px solid rgba(255,255,255,0.1)', paddingBottom: '1rem', marginBottom: '1.5rem', color: 'var(--accent-blue)', display: 'flex', alignItems: 'center', gap: '0.8rem' }}>
                    <Shield size={24} /> 1. Twoje bezpieczeństwo, wiarygodność i prawo
                </h2>
                <p style={{ color: '#e5e7eb', lineHeight: '1.8', marginBottom: '2rem' }}>
                    Zanim rozpoczniesz pracę, upewnij się, że znasz zasady funkcjonowania naszej platformy. Została ona zaprojektowana z myślą o najwyższych standardach bezpieczeństwa (zgodnie z unijną zasadą Privacy by Design).
                </p>

                <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
                    <div>
                        <h3 style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', fontSize: '1.1rem', color: '#fff', marginBottom: '0.5rem' }}>
                            <Scale size={18} color="#60a5fa" /> 1.1. Transparentność i AI Act
                        </h3>
                        <p style={{ color: '#e5e7eb', lineHeight: '1.6', margin: 0 }}>
                            Zgodnie z wymogami unijnego Aktu o Sztucznej Inteligencji (AI Act), informujemy, że korzystając z platformy, wchodzisz w interakcję z systemem sztucznej inteligencji. DotacjeAI pełni rolę Twojego wirtualnego asystenta i doradcy wspomagającego proces analityczny oraz redakcyjny.
                        </p>
                    </div>

                    <div>
                        <h3 style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', fontSize: '1.1rem', color: '#fff', marginBottom: '0.5rem' }}>
                            <Lock size={18} color="#60a5fa" /> 1.2. Zasada "Human-in-the-loop" (Człowiek w centrum decyzji)
                        </h3>
                        <p style={{ color: '#e5e7eb', lineHeight: '1.6', margin: 0 }}>
                            Platforma maksymalnie upraszcza tworzenie wniosków i weryfikuje je pod kątem formalnym, jednak w przypadku kluczowych decyzji (jak ocena skali innowacji czy statusu MŚP) system <strong>zawsze</strong> będzie zadawał pytania (Human-in-the-Loop). Twoje odpowiedzi stają się częścią trwałego kontekstu (external_context). Ostatecznym autorem dokumentacji i podmiotem odpowiedzialnym za przesłane w niej informacje pozostajesz Ty.
                        </p>
                    </div>

                    <div>
                        <h3 style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', fontSize: '1.1rem', color: '#fff', marginBottom: '0.5rem' }}>
                            <Lock size={18} color="#60a5fa" /> 1.3. Ochrona Danych i Tajemnica Przedsiębiorstwa (RODO)
                        </h3>
                        <p style={{ color: '#e5e7eb', lineHeight: '1.6', marginBottom: '1rem' }}>
                            Rozumiemy, że we wnioskach dotacyjnych zawierasz najbardziej wrażliwe informacje o innowacjach, finansach i strategiach biznesowych.
                        </p>
                        <ul style={{ color: '#e5e7eb', lineHeight: '1.6', display: 'flex', flexDirection: 'column', gap: '0.5rem', paddingLeft: '1.5rem', margin: 0 }}>
                            <li><strong style={{color: '#fff'}}>Ścisła izolacja:</strong> Żadne dane poufne (finanse, know-how) nigdy nie opuszczają systemu bez Twojej zgody. Po zakończeniu projektu następuje automatyczna anonimizacja (maks. 24h).</li>
                            <li><strong style={{color: '#fff'}}>Brak uczenia modeli publicznych:</strong> Twoje projekty, budżety i know-how nigdy nie są wykorzystywane do trenowania ogólnodostępnych modeli AI.</li>
                            <li><strong style={{color: '#fff'}}>Lokalny GraphRAG:</strong> Dane z KRS i powiązania kapitałowe analizujemy wyłącznie przez lokalną grafową bazę Neo4j, zachowując pełną dyskrecję.</li>
                        </ul>
                    </div>

                    <div>
                        <h3 style={{ display: 'flex', alignItems: 'center', gap: '0.5rem', fontSize: '1.1rem', color: '#fff', marginBottom: '0.5rem' }}>
                            <BookOpen size={18} color="#60a5fa" /> 1.4. Wiarygodność i eliminacja "halucynacji" (Zero Tolerancji)
                        </h3>
                        <p style={{ color: '#d4d4d8', lineHeight: '1.6', margin: 0 }}>
                            System opiera się na strategii <strong>Ensemble LLM</strong> (korzystając m.in. z modeli Gemini 2.5 Pro oraz Grok 4.3 jako weryfikatora). Aby zapobiegać "halucynacjom" w kosztach i regulaminach, używamy <strong>Temporal GraphRAG</strong> – to z niego czerpiemy aktualne dokumenty urzędowe i wersje wytycznych (np. DNSH). Ostateczną jakość i poprawność waliduje niezależny <strong>Red Team Critic Agent</strong>, którego decyzji system nie może nadpisać.
                        </p>
                    </div>
                </div>
            </div>
            
            <div style={{ textAlign: 'center', marginTop: '4rem', color: '#d4d4d8', fontSize: '0.9rem' }}>
                © 2026 DotacjeAI Enterprise. Wszystkie prawa zastrzeżone.
            </div>
          </div>
        </div>
    );
};

export default About;