Upload components/AboutProfessor.js with huggingface_hub

components/AboutProfessor.js

@@ -0,0 +1,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>
+  )
+}