rede5/gohorsejobs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat: add AI-powered company section with 'Postar uma Vaga' button on home page

Browse source
This commit is contained in:
Tiago Yamamoto 2025-12-24 00:26:02 -03:00
parent eae9474007
commit bda4741c17
1 changed files with 58 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
frontend/src/app/page.tsx
View file

@ -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">