Spaces:
Build error
Build error
File size: 4,185 Bytes
2f0c946 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 |
import { HiAcademicCap, HiUsers, HiBookOpen, HiStar } from 'react-icons/hi'
export default function AboutProfessor() {
const stats = [
{
icon: HiAcademicCap,
number: '10+',
label: 'Anos de Experiência',
description: 'Docência e pesquisa'
},
{
icon: HiUsers,
number: '1000+',
label: 'Alunos Formados',
description: 'Advogados e administradores'
},
{
icon: HiBookOpen,
number: '5',
label: 'Publicações',
description: 'Livros e artigos'
},
{
icon: HiStar,
number: '4.9',
label: 'Avaliação',
description: 'Satisfação dos alunos'
}
]
return (
<section id="sobre" className="py-20 bg-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">
<div>
<div className="bg-primary-50 w-16 h-16 rounded-2xl flex items-center justify-center mb-6">
<HiAcademicCap className="h-8 w-8 text-primary-600" />
</div>
<h2 className="text-3xl lg:text-4xl font-bold text-gray-900 mb-6">
Prof. Gabriel Ramos
</h2>
<p className="text-lg text-gray-600 mb-6 leading-relaxed">
Especialista em Direito Digital e Administração Pública, com mais de 10 anos de experiência
em docência e pesquisa. Pioneiro na aplicação de IA para otimização de processos jurídicos
e administrativos no Brasil.
</p>
<p className="text-lg text-gray-600 mb-8 leading-relaxed">
Autor de diversos artigos e livros sobre tecnologia aplicada ao direito, o Professor Gabriel
é reconhecido nacionalmente por sua expertise em transformar práticas tradicionais através
de soluções inovadoras baseadas em Inteligência Artificial.
</p>
<div className="space-y-4">
<h3 className="text-xl font-semibold text-gray-900 mb-4">Especialidades:</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
{[
'Direito Digital',
'IA Aplicada ao Direito',
'Administração Pública',
'Processos Jurídicos',
'Concursos Públicos',
'Gestão de Escritórios'
].map((specialty, index) => (
<div key={index} className="flex items-center space-x-2">
<div className="w-2 h-2 bg-primary-500 rounded-full"></div>
<span className="text-gray-700">{specialty}</span>
</div>
))}
</div>
</div>
</div>
<div>
<div className="bg-gradient-to-br from-primary-50 to-accent-50 rounded-2xl p-8 lg:p-12">
<h3 className="text-2xl font-bold text-gray-900 mb-8 text-center">
Resultados que Falam por Si
</h3>
<div className="grid grid-cols-2 gap-6">
{stats.map((stat, index) => (
<div key={index} className="text-center">
<div className="bg-white rounded-xl p-6 shadow-lg mb-4">
<div className="inline-flex items-center justify-center w-12 h-12 bg-primary-100 rounded-xl mb-3">
<stat.icon className="h-6 w-6 text-primary-600" />
</div>
<div className="text-2xl font-bold text-primary-700 mb-1">
{stat.number}
</div>
<div className="text-sm font-medium text-gray-900 mb-1">
{stat.label}
</div>
<div className="text-xs text-gray-600">
{stat.description}
</div>
</div>
</div>
))}
</div>
</div>
</div>
</div>
</div>
</section>
)
} |