forked from RiseUP/riseup-squad21
alterações estéticas
This commit is contained in:
parent
652dc2745a
commit
eab07a60c4
@ -5,10 +5,14 @@ import { Calendar, Clock, User, Shield, Stethoscope, Receipt, IdCard } from "lu
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
|
||||
<div className="min-h-screen bg-[#F2F2F2]">
|
||||
<div className="container mx-auto px-4 py-16">
|
||||
<div className="text-center mb-12">
|
||||
<h1 className="text-4xl font-bold text-gray-900 mb-4">Sistema de Consultas Médicas</h1>
|
||||
<h1 className="text-4xl font-bold text-gray-900 mb-4">Central de Operações <br>
|
||||
</br>
|
||||
MidConnecta
|
||||
|
||||
</h1>
|
||||
<p className="text-xl text-gray-600 max-w-2xl mx-auto">
|
||||
Gerencie suas consultas médicas de forma simples e eficiente
|
||||
</p>
|
||||
@ -19,7 +23,7 @@ export default function HomePage() {
|
||||
<CardHeader className="text-center flex-shrink-0">
|
||||
<User className="w-12 h-12 text-black-600 mx-auto mb-4" />
|
||||
<CardTitle>Área do Paciente</CardTitle>
|
||||
<CardDescription>Acesse sua área pessoal para agendar consultas e gerenciar seus dados</CardDescription>
|
||||
<CardDescription>Tenha o controle total da sua saúde: agende, consulte o histórico e informações pessoais</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4 flex-grow flex flex-col">
|
||||
<div className="space-y-3 flex-grow">
|
||||
@ -46,7 +50,7 @@ export default function HomePage() {
|
||||
<CardHeader className="text-center flex-shrink-0">
|
||||
<Shield className="w-12 h-12 text-purple-600 mx-auto mb-4" />
|
||||
<CardTitle>Área da Secretária</CardTitle>
|
||||
<CardDescription>Gerencie consultas, pacientes e agenda médica</CardDescription>
|
||||
<CardDescription>Otimize o fluxo de trabalho e mantenha a agenda sempre organizada</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4 flex-grow flex flex-col">
|
||||
<div className="space-y-3 flex-grow">
|
||||
@ -73,7 +77,7 @@ export default function HomePage() {
|
||||
<CardHeader className="text-center flex-shrink-0">
|
||||
<Stethoscope className="w-12 h-12 text-green-600 mx-auto mb-4" />
|
||||
<CardTitle>Área Médica</CardTitle>
|
||||
<CardDescription>Acesso restrito para profissionais de saúde</CardDescription>
|
||||
<CardDescription>Visualize sua agenda, laudos de pacientes e histórico para um diagnóstico preciso</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4 flex-grow flex flex-col">
|
||||
<div className="space-y-3 flex-grow">
|
||||
@ -100,7 +104,7 @@ export default function HomePage() {
|
||||
<CardHeader className="text-center flex-shrink-0">
|
||||
<IdCard className="w-12 h-12 text-blue-600 mx-auto mb-4" />
|
||||
<CardTitle>Área do Gestor</CardTitle>
|
||||
<CardDescription>Acesso restrito para gestores e coordenadores</CardDescription>
|
||||
<CardDescription>Configure o sistema, gerencie usuários e controle a operação da clínica</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4 flex-grow flex flex-col">
|
||||
<div className="space-y-3 flex-grow">
|
||||
@ -127,7 +131,7 @@ export default function HomePage() {
|
||||
<CardHeader className="text-center flex-shrink-0">
|
||||
<Receipt className="w-12 h-12 text-orange-600 mx-auto mb-4" />
|
||||
<CardTitle>Área de Finanças</CardTitle>
|
||||
<CardDescription>Acesso restrito para profissionais do setor financeiro</CardDescription>
|
||||
<CardDescription>Controle o faturamento, pagamentos e a saúde financeira da clínica</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-4 flex-grow flex flex-col">
|
||||
<div className="space-y-3 flex-grow">
|
||||
@ -153,4 +157,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
}
|
||||
16
app/page.tsx
16
app/page.tsx
@ -1,4 +1,3 @@
|
||||
|
||||
"use client";
|
||||
|
||||
import Link from "next/link"
|
||||
@ -46,7 +45,7 @@ export default function InicialPage() {
|
||||
Soluções Médicas <br /> & Cuidados com a Saúde
|
||||
</h1>
|
||||
<p className="text-gray-600 mt-4">
|
||||
São mais de 25 anos de experiência em serviços médicos com qualidade e confiança.
|
||||
Excelência em saúde há mais de 25 anos. Atendimento médicio com qualidade,segurança e carinho.
|
||||
</p>
|
||||
<div className="mt-6 flex space-x-4">
|
||||
<Button className="rounded-full px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white shadow-lg transition">
|
||||
@ -62,7 +61,7 @@ export default function InicialPage() {
|
||||
</div>
|
||||
<div className="mt-10 md:mt-0">
|
||||
<img
|
||||
src="https://cdn-icons-png.flaticon.com/512/387/387561.png"
|
||||
src="https://t4.ftcdn.net/jpg/03/20/52/31/360_F_320523164_tx7Rdd7I2XDTvvKfz2oRuRpKOPE5z0ni.jpg"
|
||||
alt="Médico"
|
||||
className="w-80"
|
||||
/>
|
||||
@ -71,14 +70,14 @@ export default function InicialPage() {
|
||||
|
||||
{}
|
||||
<section className="py-16 px-10 md:px-20 bg-white">
|
||||
<h2 className="text-center text-3xl font-bold text-black">Nossos Serviços</h2>
|
||||
<h2 className="text-center text-3xl font-bold text-black">Cuidados completos para a sua saúde</h2>
|
||||
<p className="text-center text-gray-600 mt-2">Serviços médicos que oferecemos</p>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mt-10">
|
||||
<div className="p-6 bg-gray-100 rounded-xl shadow hover:shadow-lg transition">
|
||||
<h3 className="text-xl font-semibold text-blue-600">Clínica Geral</h3>
|
||||
<p className="text-gray-600 mt-2">
|
||||
Atendimento médico geral com foco na prevenção e diagnóstico.
|
||||
Seu primeiro passo para o cuidado. Atendimento focado na prevenção e no diagnóstico inicial.
|
||||
</p>
|
||||
<Button className="mt-4 rounded-full bg-blue-600 hover:bg-blue-700 text-white px-5 py-2">
|
||||
Agendar
|
||||
@ -87,7 +86,7 @@ export default function InicialPage() {
|
||||
<div className="p-6 bg-gray-100 rounded-xl shadow hover:shadow-lg transition">
|
||||
<h3 className="text-xl font-semibold text-blue-600">Pediatria</h3>
|
||||
<p className="text-gray-600 mt-2">
|
||||
Cuidado especializado para crianças e adolescentes.
|
||||
Cuidado gentil e especializado para garantir a saúde e o desenvolvimeto de crianças e adolescentes.
|
||||
</p>
|
||||
<Button className="mt-4 rounded-full bg-blue-600 hover:bg-blue-700 text-white px-5 py-2">
|
||||
Agendar
|
||||
@ -96,7 +95,7 @@ export default function InicialPage() {
|
||||
<div className="p-6 bg-gray-100 rounded-xl shadow hover:shadow-lg transition">
|
||||
<h3 className="text-xl font-semibold text-blue-600">Exames</h3>
|
||||
<p className="text-gray-600 mt-2">
|
||||
Exames laboratoriais e de imagem com precisão e agilidade.
|
||||
Resultados rápidos e precisos em exames laboratoriais e de imagem essenciais para seu diagnóstico.
|
||||
</p>
|
||||
<Button className="mt-4 rounded-full bg-blue-600 hover:bg-blue-700 text-white px-5 py-2">
|
||||
Agendar
|
||||
@ -111,5 +110,4 @@ export default function InicialPage() {
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
@ -122,7 +122,7 @@ useEffect(() => {
|
||||
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
|
||||
<div className="w-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">Hospital System</span>
|
||||
<span className="font-semibold text-gray-900">MidConnecta</span>
|
||||
</div>
|
||||
)}
|
||||
<Button variant="ghost" size="sm" onClick={() => setSidebarCollapsed(!sidebarCollapsed)} className="p-1">
|
||||
|
||||
@ -137,7 +137,7 @@ export default function FinancierLayout({ children }: PatientLayoutProps) {
|
||||
<div className="w-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">
|
||||
Hospital System
|
||||
MidConnecta
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -110,7 +110,7 @@ export default function ManagerLayout({ children }: PatientLayoutProps) {
|
||||
<div className="w-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">
|
||||
Hospital System
|
||||
MidConnecta
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -113,7 +113,7 @@ export default function HospitalLayout({ children }: HospitalLayoutProps) {
|
||||
<div className="w-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">
|
||||
Hospital System
|
||||
MidConnecta
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -105,7 +105,7 @@ export default function SecretaryLayout({ children }: PatientLayoutProps) {
|
||||
<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
|
||||
<div className="w-4 h-4 bg-white rounded-sm"></div>
|
||||
</div>
|
||||
<span className="font-semibold text-gray-900">Hospital System</span>
|
||||
<span className="font-semibold text-gray-900">MidConnecta</span>
|
||||
</div>
|
||||
)}
|
||||
<Button
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user