8c54b6004c
Nowa podstrona produktowa zbudowana wg wzorca PrivacyPolicyPage: własny komponent, własna ścieżka w App.tsx, header z linkiem powrotu, wspólna stopka. Bez i18n — treść po polsku, spójnie z resztą serwisu poza contact.*/privacy.*. Sekcje "Dla domu" / "Dla firm" jako dwie karty obok siebie (dwie ścieżki, jeden rdzeń). CTA na dole prowadzi do /#contact. Podlinkowania: - karta oferty "Multiagent Systems & Infrastructure" dostaje link "Zobacz jak to działa" → /platforma (opcjonalne pole `link` w offerings) - nawigacja "Platforma" w Header.tsx i Footer.tsx przepięta z #process na /platforma Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
58 lines
2.6 KiB
TypeScript
58 lines
2.6 KiB
TypeScript
import React from 'react';
|
|
|
|
const Footer = () => {
|
|
const currentYear = new Date().getFullYear();
|
|
|
|
return (
|
|
<footer className="py-12 border-t border-white/5 bg-background">
|
|
<div className="container mx-auto px-6">
|
|
<div className="grid md:grid-cols-4 gap-12 mb-12">
|
|
<div className="col-span-2">
|
|
<a href="#" className="text-2xl font-bold tracking-tight mb-4 block">
|
|
human<span className="text-primary">AI</span>
|
|
</a>
|
|
<p className="text-muted max-w-xs mb-6">
|
|
ludzka strona AI — budujemy praktyczne systemy AI dla ludzi i organizacji.
|
|
</p>
|
|
<div className="flex flex-col gap-2">
|
|
<a href="mailto:hello@gethumanai.pl" className="text-foreground/80 hover:text-primary transition-colors">
|
|
hello@gethumanai.pl
|
|
</a>
|
|
<a href="mailto:support@gethumanai.pl" className="text-foreground/80 hover:text-primary transition-colors">
|
|
support@gethumanai.pl
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 className="font-bold mb-6 text-sm uppercase tracking-wider">Nawigacja</h4>
|
|
<ul className="space-y-4">
|
|
<li><a href="#offerings" className="text-muted hover:text-foreground transition-colors">Oferta</a></li>
|
|
<li><a href="/platforma" className="text-muted hover:text-foreground transition-colors">Platforma</a></li>
|
|
<li><a href="#contact" className="text-muted hover:text-foreground transition-colors">Kontakt</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div>
|
|
<h4 className="font-bold mb-6 text-sm uppercase tracking-wider">Prywatność</h4>
|
|
<ul className="space-y-4">
|
|
<li><a href="/privacy" className="text-muted hover:text-foreground transition-colors">Polityka prywatności</a></li>
|
|
<li><a href="/privacy#cookies" className="text-muted hover:text-foreground transition-colors">Cookies</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-muted">
|
|
<p>© {currentYear} humanAI. Wszelkie prawa zastrzeżone.</p>
|
|
<div className="flex gap-8">
|
|
<span className="hover:text-foreground transition-colors cursor-pointer">LinkedIn</span>
|
|
<span className="hover:text-foreground transition-colors cursor-pointer">X / Twitter</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
};
|
|
|
|
export default Footer;
|