fix: update frontend deploy pipeline
This commit is contained in:
Tiago Yamamoto
parent
6bf6a96036
commit
335c3a49c8
1 changed files with 111 additions and 98 deletions
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import { useAuth } from "@/context/AuthContext";
|
||||
import {
|
||||
ShieldCheckIcon,
|
||||
TruckIcon,
|
||||
|
|
@ -18,6 +19,7 @@ import {
|
|||
* Apresenta informações sobre o projeto e opções de login/cadastro
|
||||
*/
|
||||
const HomePage = () => {
|
||||
const { user, loading } = useAuth();
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-green-50">
|
||||
|
|
@ -45,18 +47,29 @@ const HomePage = () => {
|
|||
>
|
||||
FAQ
|
||||
</Link>
|
||||
<Link
|
||||
href="/login"
|
||||
className="bg-white text-blue-600 px-2 sm:px-4 py-2 rounded-lg text-sm sm:text-base font-medium hover:bg-gray-50 transition-colors"
|
||||
>
|
||||
Entrar
|
||||
</Link>
|
||||
<Link
|
||||
href="/login?tab=cadastro"
|
||||
className="bg-blue-600 text-white px-2 sm:px-4 py-2 rounded-lg text-sm sm:text-base font-medium hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
Cadastrar-se
|
||||
</Link>
|
||||
{!loading && user ? (
|
||||
<Link
|
||||
href="/dashboard"
|
||||
className="bg-blue-600 text-white px-4 sm:px-6 py-2 rounded-lg text-sm sm:text-base font-medium hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
Dashboard
|
||||
</Link>
|
||||
) : (
|
||||
<>
|
||||
<Link
|
||||
href="/login"
|
||||
className="bg-white text-blue-600 px-2 sm:px-4 py-2 rounded-lg text-sm sm:text-base font-medium hover:bg-gray-50 transition-colors"
|
||||
>
|
||||
Entrar
|
||||
</Link>
|
||||
<Link
|
||||
href="/login?tab=cadastro"
|
||||
className="bg-blue-600 text-white px-2 sm:px-4 py-2 rounded-lg text-sm sm:text-base font-medium hover:bg-blue-700 transition-colors"
|
||||
>
|
||||
Cadastrar-se
|
||||
</Link>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -91,10 +104,10 @@ const HomePage = () => {
|
|||
{/* CTA Buttons */}
|
||||
<div className="flex flex-col sm:flex-row gap-6 justify-center items-center mb-16">
|
||||
<Link
|
||||
href="/login?tab=cadastro"
|
||||
href={!loading && user ? "/dashboard" : "/login?tab=cadastro"}
|
||||
className="group bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white px-10 py-4 rounded-xl text-lg font-semibold transition-all duration-500 ease-out inline-flex items-center justify-center shadow-lg hover:shadow-xl transform hover:-translate-y-1 hover:scale-105 min-w-[200px]"
|
||||
>
|
||||
Começar Agora
|
||||
{!loading && user ? "Ir para Dashboard" : "Começar Agora"}
|
||||
</Link>
|
||||
<button
|
||||
onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })}
|
||||
|
|
@ -226,77 +239,77 @@ const HomePage = () => {
|
|||
|
||||
<div className="relative">
|
||||
<div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative overflow-hidden">
|
||||
{/* Subtle background pattern */}
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-gray-50 opacity-60 pointer-events-none"></div>
|
||||
{/* Subtle background pattern */}
|
||||
<div className="absolute inset-0 bg-gradient-to-br from-slate-50 via-white to-gray-50 opacity-60 pointer-events-none"></div>
|
||||
|
||||
<div className="relative z-10">
|
||||
<div className="text-center mb-6">
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-1">Resultados Comprovados</h3>
|
||||
<p className="text-sm text-gray-500">Métricas reais que mostram o impacto do SaveInMed</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="500+ farmácias conectadas"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-red-50 border border-red-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-red-200"
|
||||
title="500+ farmácias conectadas"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<HeartIcon className="h-6 w-6 text-red-600" />
|
||||
<div className="relative z-10">
|
||||
<div className="text-center mb-6">
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-1">Resultados Comprovados</h3>
|
||||
<p className="text-sm text-gray-500">Métricas reais que mostram o impacto do SaveInMed</p>
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">500+</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Farmácias Conectadas</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="R$ 10M+ em transações"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-emerald-50 border border-emerald-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-emerald-200"
|
||||
title="R$ 10M+ em transações"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<CurrencyDollarIcon className="h-6 w-6 text-emerald-600" />
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">R$ 10M+</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Em Transações</div>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="500+ farmácias conectadas"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-red-50 border border-red-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-red-200"
|
||||
title="500+ farmácias conectadas"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<HeartIcon className="h-6 w-6 text-red-600" />
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">500+</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Farmácias Conectadas</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="1000+ entregas realizadas"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-indigo-50 border border-indigo-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-indigo-200"
|
||||
title="1000+ entregas realizadas"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<TruckIcon className="h-6 w-6 text-indigo-600" />
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">1000+</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Entregas Realizadas</div>
|
||||
</div>
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="R$ 10M+ em transações"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-emerald-50 border border-emerald-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-emerald-200"
|
||||
title="R$ 10M+ em transações"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<CurrencyDollarIcon className="h-6 w-6 text-emerald-600" />
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">R$ 10M+</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Em Transações</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="Suporte 24/7"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-blue-50 border border-blue-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-200"
|
||||
title="Suporte 24/7"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<CheckCircleIcon className="h-6 w-6 text-blue-600" />
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="1000+ entregas realizadas"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-indigo-50 border border-indigo-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-indigo-200"
|
||||
title="1000+ entregas realizadas"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<TruckIcon className="h-6 w-6 text-indigo-600" />
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">1000+</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Entregas Realizadas</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
aria-label="Suporte 24/7"
|
||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||
className="text-center p-4 rounded-xl bg-blue-50 border border-blue-200 hover:shadow-md transition-all cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-200"
|
||||
title="Suporte 24/7"
|
||||
>
|
||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||
<CheckCircleIcon className="h-6 w-6 text-blue-600" />
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">24/7</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Suporte DisponÃvel</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">24/7</div>
|
||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Suporte DisponÃvel</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue