From bda4741c172f0928d558475dfa55b097c6376833 Mon Sep 17 00:00:00 2001
From: Tiago Yamamoto <tiago.ribeiro@inventcloud.com.br>
Date: Wed, 24 Dec 2025 00:26:02 -0300
Subject: [PATCH] feat: add AI-powered company section with 'Postar uma Vaga'
 button on home page

---
 frontend/src/app/page.tsx | 58 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 4c3b40e..0209e9b 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -172,6 +172,64 @@ export default function HomePage() {
             </div>
           </div>
         </section>
+        {/* AI-Powered for Companies */}
+        <section className="py-20 relative">
+          <div className="container mx-auto px-4 sm:px-6 lg:px-8">
+            <motion.div
+              initial={{ opacity: 0, y: 20 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.6 }}
+              className="max-w-4xl mx-auto text-center"
+            >
+              <div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary/10 text-primary text-sm font-medium mb-6">
+                <svg className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+                  <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" />
+                </svg>
+                Powered by AI
+              </div>
+
+              <h2 className="text-3xl lg:text-4xl font-bold mb-4 text-balance">
+                Somos uma empresa que usa <span className="text-primary">Inteligência Artificial</span>
+              </h2>
+
+              <p className="text-lg text-muted-foreground mb-8 max-w-2xl mx-auto leading-relaxed">
+                Nossa plataforma utiliza IA avançada para conectar empresas aos melhores talentos de forma rápida e eficiente.
+                Publique sua vaga e deixe nosso sistema encontrar os candidatos ideais para você.
+              </p>
+
+              <div className="flex flex-col sm:flex-row gap-4 justify-center">
+                <Link href="/dashboard/jobs/new">
+                  <Button size="lg" className="w-full sm:w-auto text-base px-8">
+                    <Building2 className="mr-2 h-5 w-5" />
+                    Postar uma Vaga
+                  </Button>
+                </Link>
+                <Link href="/register/company">
+                  <Button size="lg" variant="outline" className="w-full sm:w-auto text-base px-8">
+                    Cadastrar Empresa
+                    <ArrowRight className="ml-2 h-4 w-4" />
+                  </Button>
+                </Link>
+              </div>
+
+              <div className="mt-12 grid grid-cols-3 gap-8 max-w-lg mx-auto text-center">
+                <div>
+                  <p className="text-3xl font-bold text-primary">500+</p>
+                  <p className="text-sm text-muted-foreground">Empresas</p>
+                </div>
+                <div>
+                  <p className="text-3xl font-bold text-primary">10k+</p>
+                  <p className="text-sm text-muted-foreground">Candidatos</p>
+                </div>
+                <div>
+                  <p className="text-3xl font-bold text-primary">95%</p>
+                  <p className="text-sm text-muted-foreground">Match Rate</p>
+                </div>
+              </div>
+            </motion.div>
+          </div>
+        </section>
 
         {/* How it Works */}
         <section className="py-20 relative overflow-hidden">