51 lines
1.8 KiB
TypeScript
51 lines
1.8 KiB
TypeScript
|
import React from 'react';
|
|||
|
|
import { motion } from 'framer-motion';
|
|||
|
|
import { CheckCircle2 } from 'lucide-react';
|
|||
|
|
|
|||
|
|
const About = () => {
|
|||
|
|
const points = [
|
|||
|
|
"Strategia bez hype’u",
|
|||
|
|
"Automatyzacje, które da się utrzymać",
|
|||
|
|
"Agenci pod kontrolą człowieka"
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<section id="about" className="py-24 relative overflow-hidden">
|
|||
|
|
<div className="container mx-auto px-6">
|
|||
|
|
<div className="max-w-3xl mx-auto text-center">
|
|||
|
|
<motion.div
|
|||
|
|
initial={{ opacity: 0, y: 20 }}
|
|||
|
|
whileInView={{ opacity: 1, y: 0 }}
|
|||
|
|
viewport={{ once: true }}
|
|||
|
|
transition={{ duration: 0.6 }}
|
|||
|
|
>
|
|||
|
|
<h2 className="text-3xl md:text-4xl font-bold mb-8">Czym jest humanAI?</h2>
|
|||
|
|
<p className="text-xl text-muted leading-relaxed mb-12">
|
|||
|
|
humanAI łączy doradztwo, automatyzację, budowę produktów i własne środowisko agentowe.
|
|||
|
|
Pomagamy przejść od ciekawości wokół AI do działających procesów, narzędzi i systemów.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div className="grid md:grid-cols-3 gap-6">
|
|||
|
|
{points.map((point, index) => (
|
|||
|
|
<motion.div
|
|||
|
|
key={index}
|
|||
|
|
initial={{ opacity: 0, y: 10 }}
|
|||
|
|
whileInView={{ opacity: 1, y: 0 }}
|
|||
|
|
viewport={{ once: true }}
|
|||
|
|
transition={{ duration: 0.4, delay: index * 0.1 }}
|
|||
|
|
className="flex flex-col items-center p-6 glass-card border-primary/10"
|
|||
|
|
>
|
|||
|
|
<CheckCircle2 className="text-primary mb-4" size={32} />
|
|||
|
|
<span className="font-medium text-lg leading-tight">{point}</span>
|
|||
|
|
</motion.div>
|
|||
|
|
))}
|
|||
|
|
</div>
|
|||
|
|
</motion.div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default About;
|