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 Image from "next/image";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
import { useAuth } from "@/context/AuthContext";
|
||||||
import {
|
import {
|
||||||
ShieldCheckIcon,
|
ShieldCheckIcon,
|
||||||
TruckIcon,
|
TruckIcon,
|
||||||
|
|
@ -18,6 +19,7 @@ import {
|
||||||
* Apresenta informações sobre o projeto e opções de login/cadastro
|
* Apresenta informações sobre o projeto e opções de login/cadastro
|
||||||
*/
|
*/
|
||||||
const HomePage = () => {
|
const HomePage = () => {
|
||||||
|
const { user, loading } = useAuth();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-green-50">
|
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-green-50">
|
||||||
|
|
@ -45,18 +47,29 @@ const HomePage = () => {
|
||||||
>
|
>
|
||||||
FAQ
|
FAQ
|
||||||
</Link>
|
</Link>
|
||||||
<Link
|
{!loading && user ? (
|
||||||
href="/login"
|
<Link
|
||||||
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"
|
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"
|
||||||
Entrar
|
>
|
||||||
</Link>
|
Dashboard
|
||||||
<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"
|
<>
|
||||||
>
|
<Link
|
||||||
Cadastrar-se
|
href="/login"
|
||||||
</Link>
|
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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -91,10 +104,10 @@ const HomePage = () => {
|
||||||
{/* CTA Buttons */}
|
{/* CTA Buttons */}
|
||||||
<div className="flex flex-col sm:flex-row gap-6 justify-center items-center mb-16">
|
<div className="flex flex-col sm:flex-row gap-6 justify-center items-center mb-16">
|
||||||
<Link
|
<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]"
|
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>
|
</Link>
|
||||||
<button
|
<button
|
||||||
onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })}
|
onClick={() => document.getElementById('features')?.scrollIntoView({ behavior: 'smooth' })}
|
||||||
|
|
@ -226,77 +239,77 @@ const HomePage = () => {
|
||||||
|
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative overflow-hidden">
|
<div className="bg-white rounded-2xl shadow-xl border border-gray-100 p-6 relative overflow-hidden">
|
||||||
{/* Subtle background pattern */}
|
{/* 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="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="relative z-10">
|
||||||
<div className="text-center mb-6">
|
<div className="text-center mb-6">
|
||||||
<h3 className="text-xl font-semibold text-gray-900 mb-1">Resultados Comprovados</h3>
|
<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>
|
<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>
|
</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
|
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||||
role="button"
|
<div
|
||||||
tabIndex={0}
|
role="button"
|
||||||
aria-label="R$ 10M+ em transações"
|
tabIndex={0}
|
||||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
aria-label="500+ farmácias conectadas"
|
||||||
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"
|
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
||||||
title="R$ 10M+ em transações"
|
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">
|
>
|
||||||
<CurrencyDollarIcon className="h-6 w-6 text-emerald-600" />
|
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||||
</div>
|
<HeartIcon className="h-6 w-6 text-red-600" />
|
||||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">R$ 10M+</div>
|
</div>
|
||||||
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Em Transações</div>
|
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">500+</div>
|
||||||
</div>
|
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Farmácias Conectadas</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={0}
|
tabIndex={0}
|
||||||
aria-label="1000+ entregas realizadas"
|
aria-label="R$ 10M+ em transações"
|
||||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
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"
|
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="1000+ entregas realizadas"
|
title="R$ 10M+ em transações"
|
||||||
>
|
>
|
||||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||||
<TruckIcon className="h-6 w-6 text-indigo-600" />
|
<CurrencyDollarIcon className="h-6 w-6 text-emerald-600" />
|
||||||
</div>
|
</div>
|
||||||
<div className="text-2xl sm:text-3xl font-bold text-gray-900 mb-1">1000+</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">Entregas Realizadas</div>
|
<div className="text-xs font-medium text-gray-600 uppercase tracking-wide">Em Transações</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={0}
|
tabIndex={0}
|
||||||
aria-label="Suporte 24/7"
|
aria-label="1000+ entregas realizadas"
|
||||||
onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") (e.currentTarget as HTMLElement).click(); }}
|
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"
|
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="Suporte 24/7"
|
title="1000+ entregas realizadas"
|
||||||
>
|
>
|
||||||
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
<div className="w-12 h-12 flex items-center justify-center mx-auto mb-3">
|
||||||
<CheckCircleIcon className="h-6 w-6 text-blue-600" />
|
<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>
|
||||||
<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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue