bender/9f489cd3-2f98-43c2-87a4-9174d652cc4d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-20 22:09:03 +00:00
parent 3509c6ae32
commit 83b46bb1ce
1 changed files with 41 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

250
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { CheckCircle, Clock, Heart, Shield, Zap } from "lucide-react";
import { CheckCircle, Clock, Heart, Shield, Zap, FlaskConical } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,95 +31,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Serviços",
id: "services",
},
{
name: "Sobre",
id: "about",
},
{
name: "Contato",
id: "contact",
},
{ name: "Início", id: "hero" },
{ name: "Serviços", id: "services" },
{ name: "Sobre", id: "about" },
{ name: "Contato", id: "contact" },
]}
brandName="Clínica Anjos da Guarda"
button={{
text: "Agendar Agora",
href: "#contact",
}}
button={{ text: "Agendar Agora", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Profissionalismo e Cuidado para Sua Família"
description="Clínica Anjos da Guarda - Atendimento 24 horas, priorizando sua saúde e bem-estar em Belas, Angola."
buttons={[
{
text: "Ligar Agora",
href: "tel:+244926000040",
},
{
text: "WhatsApp",
href: "https://wa.me/244926000040",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg?_wi=1"
buttons={[{ text: "Ligar Agora", href: "tel:+244926000040" }, { text: "WhatsApp", href: "https://wa.me/244926000040" }]}
imageSrc="http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-clinic_23-2149726916.jpg",
alt: "Front view smiley doctor at clinic",
},
{
src: "http://img.b2bpic.net/free-photo/professional-doctor-ready-work_23-2147642818.jpg",
alt: "Professional doctor ready to work",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg",
alt: "Portrait male doctor",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
alt: "Close up smiley woman in therapy",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-doctor-posing-patient_23-2148757390.jpg",
alt: "Smiley doctor posing next to patient",
},
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-doctor-clinic_23-2149726916.jpg", alt: "Front view smiley doctor at clinic" },
{ src: "http://img.b2bpic.net/free-photo/professional-doctor-ready-work_23-2147642818.jpg", alt: "Professional doctor ready to work" },
{ src: "http://img.b2bpic.net/free-photo/portrait-male-doctor_23-2148480369.jpg", alt: "Portrait male doctor" },
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", alt: "Close up smiley woman in therapy" },
{ src: "http://img.b2bpic.net/free-photo/smiley-doctor-posing-patient_23-2148757390.jpg", alt: "Smiley doctor posing next to patient" }
]}
avatarText="Mais de 10.000 pacientes atendidos com carinho."
marqueeItems={[
{
type: "text",
text: "Atendimento 24h",
},
{
type: "text",
text: "Laboratório Próprio",
},
{
type: "text",
text: "Equipe Especializada",
},
{
type: "text",
text: "Tecnologia Avançada",
},
{
type: "text",
text: "Segurança e Confiança",
},
]}
marqueeItems={[{ type: "text", text: "Atendimento 24h" }, { type: "text", text: "Laboratório Próprio" }, { type: "text", text: "Equipe Especializada" }, { type: "text", text: "Tecnologia Avançada" }, { type: "text", text: "Segurança e Confiança" }]}
/>
</div>
@@ -130,65 +68,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Consulta Geral",
description: "Atendimento de qualidade para todas as idades.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/border-from-potted-plant-medical-supplies_23-2147796510.jpg",
},
items: [
{
text: "Check-ups completos",
icon: CheckCircle,
},
{
text: "Triagem eficiente",
icon: CheckCircle,
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/doctor-with-smile_1098-21962.jpg?_wi=2",
imageAlt: "general medical consultation stethoscope",
title: "Consulta Geral", description: "Atendimento de qualidade para todas as idades.", media: { imageSrc: "http://img.b2bpic.net/free-photo/border-from-potted-plant-medical-supplies_23-2147796510.jpg" },
items: [{ text: "Check-ups completos", icon: CheckCircle }, { text: "Triagem eficiente", icon: CheckCircle }],
reverse: false
},
{
title: "Emergências 24h",
description: "Suporte imediato a qualquer hora do dia ou da noite.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/disgusted-asian-female-doctor-rejecting-saying-no-looking-with-dislike-refusing-from-smth-unpleasant_1258-141052.jpg",
},
items: [
{
text: "Plantão médico",
icon: Clock,
},
{
text: "Atendimento rápido",
icon: Zap,
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-table-with-solutions-microscope-white-space_140725-87474.jpg",
imageAlt: "general medical consultation stethoscope",
title: "Emergências 24h", description: "Suporte imediato a qualquer hora do dia ou da noite.", media: { imageSrc: "http://img.b2bpic.net/free-photo/disgusted-asian-female-doctor-rejecting-saying-no-looking-with-dislike-refusing-from-smth-unpleasant_1258-141052.jpg" },
items: [{ text: "Plantão médico", icon: Clock }, { text: "Atendimento rápido", icon: Zap }],
reverse: true
},
{
title: "Laboratório de Exames",
description: "Diagnósticos precisos com tecnologia avançada.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-scientists-meeting_23-2148969983.jpg?_wi=1",
},
items: [
{
text: "Resultados rápidos",
icon: FlaskConical,
},
{
text: "Alta tecnologia",
icon: Shield,
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/listen-your-heart_268835-945.jpg?_wi=1",
imageAlt: "general medical consultation stethoscope",
},
title: "Laboratório de Exames", description: "Diagnósticos precisos com tecnologia avançada.", media: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-scientists-meeting_23-2148969983.jpg" },
items: [{ text: "Resultados rápidos", icon: FlaskConical }, { text: "Alta tecnologia", icon: Shield }],
reverse: false
}
]}
title="Nossos Serviços Médicos"
description="Atendimento humanizado e especializado com os melhores profissionais."
@@ -201,21 +94,9 @@ export default function LandingPage() {
title="Por que Escolher-nos?"
tag="Nosso Impacto"
metrics={[
{
id: "1",
value: "24/7",
description: "Atendimento",
},
{
id: "2",
value: "4.1",
description: "Estrelas Google",
},
{
id: "3",
value: "Local",
description: "Em Belas",
},
{ id: "1", value: "24/7", description: "Atendimento" },
{ id: "2", value: "4.1", description: "Estrelas Google" },
{ id: "3", value: "Local", description: "Em Belas" }
]}
metricsAnimation="slide-up"
/>
@@ -229,7 +110,7 @@ export default function LandingPage() {
description="A Clínica Anjos da Guarda é referência em Belas pelo atendimento ético, humano e eficiente. Nossa equipe de médicos altamente qualificados trabalha dia e noite para garantir o bem-estar de toda a comunidade angolana."
subdescription="Um ambiente seguro, organizado e preparado para oferecer o melhor tratamento possível."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-scientists-meeting_23-2148969983.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-scientists-meeting_23-2148969983.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -239,42 +120,13 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
description="Pacientes satisfeitos relatam a qualidade do atendimento da nossa equipe."
testimonials={[
{
id: "1",
name: "Maria Silva",
role: "Paciente",
testimonial: "Excelente atendimento e muito profissionalismo. A equipe é maravilhosa.",
imageSrc: "http://img.b2bpic.net/free-photo/listen-your-heart_268835-945.jpg?_wi=2",
},
{
id: "2",
name: "João Pedro",
role: "Paciente",
testimonial: "Clínica muito limpa e médicos muito atenciosos. Recomendo muito.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg",
},
{
id: "3",
name: "Dona Ana",
role: "Paciente",
testimonial: "O cuidado e o respeito que têm pelos pacientes são louváveis.",
imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg",
},
{
id: "4",
name: "Carlos Menezes",
role: "Paciente",
testimonial: "Excelente serviço de laboratório, muito rápido e preciso.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-female-doctor-talking-couple-while-analyzing-their-medical-reports-consultations-clinic_637285-1761.jpg",
},
{
id: "5",
name: "Família Santos",
role: "Pacientes",
testimonial: "Sempre somos muito bem atendidos, especialmente na pediatria.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-little-baby-playing-bed-near-balloons_23-2148067775.jpg",
},
{ id: "1", name: "Maria Silva", role: "Paciente", testimonial: "Excelente atendimento e muito profissionalismo. A equipe é maravilhosa.", imageSrc: "http://img.b2bpic.net/free-photo/listen-your-heart_268835-945.jpg" },
{ id: "2", name: "João Pedro", role: "Paciente", testimonial: "Clínica muito limpa e médicos muito atenciosos. Recomendo muito.", imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg" },
{ id: "3", name: "Dona Ana", role: "Paciente", testimonial: "O cuidado e o respeito que têm pelos pacientes são louváveis.", imageSrc: "http://img.b2bpic.net/free-photo/handheld-shot-happy-pensioner-preparing-exercise-physical-activity-portrait-senior-man-smiling-looking-camera-getting-ready-training-with-equipment_482257-33826.jpg" },
{ id: "4", name: "Carlos Menezes", role: "Paciente", testimonial: "Excelente serviço de laboratório, muito rápido e preciso.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-female-doctor-talking-couple-while-analyzing-their-medical-reports-consultations-clinic_637285-1761.jpg" },
{ id: "5", name: "Família Santos", role: "Pacientes", testimonial: "Sempre somos muito bem atendidos, especialmente na pediatria.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-little-baby-playing-bed-near-balloons_23-2148067775.jpg" }
]}
title="O Que Dizem Nossos Pacientes"
/>
@@ -284,21 +136,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "A clínica funciona 24 horas?",
content: "Sim, estamos abertos 24 horas por dia, 7 dias por semana, para emergências e consultas.",
},
{
id: "2",
title: "Como posso agendar uma consulta?",
content: "Você pode entrar em contato conosco pelo telefone +244 926 000 040 ou via WhatsApp.",
},
{
id: "3",
title: "Onde fica a clínica?",
content: "Estamos localizados em 25FW+R88, Belas, Angola.",
},
{ id: "1", title: "A clínica funciona 24 horas?", content: "Sim, estamos abertos 24 horas por dia, 7 dias por semana, para emergências e consultas." },
{ id: "2", title: "Como posso agendar uma consulta?", content: "Você pode entrar em contato conosco pelo telefone +244 926 000 040 ou via WhatsApp." },
{ id: "3", title: "Onde fica a clínica?", content: "Estamos localizados em 25FW+R88, Belas, Angola." }
]}
sideTitle="Dúvidas Frequentes"
sideDescription="Respostas rápidas para as suas questões sobre nosso atendimento."
@@ -309,9 +149,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contato"
title="Marque Sua Consulta"
description="Entre em contato agora para agendar seu exame ou consulta médica."
@@ -325,14 +163,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Clínica Anjos da Guarda"
leftLink={{
text: "Termos de Serviço",
href: "#",
}}
rightLink={{
text: "Privacidade",
href: "#",
}}
leftLink={{ text: "Termos de Serviço", href: "#" }}
rightLink={{ text: "Privacidade", href: "#" }}
/>
</div>
</ReactLenis>