Merge version_3 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -32,93 +32,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Início", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Procedures",
|
||||
id: "features",
|
||||
},
|
||||
name: "Procedimentos", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="Dr. Aesthetic Surgery"
|
||||
button={{
|
||||
text: "Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Consulta", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Surgical Excellence, Transformative Results"
|
||||
description="Board-certified plastic surgeon specializing in facial rejuvenation and body sculpting. See real patient transformations and learn why hundreds trust their appearance to our expertise."
|
||||
variant: "radial-gradient"}}
|
||||
title="Excelência Cirúrgica, Resultados Transformadores"
|
||||
description="Cirurgião plástico certificado, especializado em rejuvenescimento facial e contorno corporal. Veja transformações reais e entenda por que centenas confiam sua aparência à nossa experiência."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Your Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Agende Sua Consulta", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-blond-nurse-happily-looking-camera-near-place-advertisement-promotional-text-white-background_574295-2099.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-scientist-specialist-nanotechnology-holds-silicon-wafer-clean-room-semiconductors-copy-space-about-development-new-semiconductors-development-technology_166373-9040.jpg",
|
||||
alt: "professional healthcare team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-scientist-specialist-nanotechnology-holds-silicon-wafer-clean-room-semiconductors-copy-space-about-development-new-semiconductors-development-technology_166373-9040.jpg", alt: "professional healthcare team"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-medical-protective-equipment_23-2148991952.jpg",
|
||||
alt: "surgeon in surgical attire",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-medical-protective-equipment_23-2148991952.jpg", alt: "surgeon in surgical attire"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg",
|
||||
alt: "medical expert smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg", alt: "medical expert smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-dentist_107420-65592.jpg",
|
||||
alt: "patient success stories",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-female-dentist_107420-65592.jpg", alt: "patient success stories"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-doctor-with-clipboard-showing-thumb-up_114579-49345.jpg",
|
||||
alt: "satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-doctor-with-clipboard-showing-thumb-up_114579-49345.jpg", alt: "satisfied client portrait"},
|
||||
]}
|
||||
avatarText="Trusted by thousands of patients worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Board-Certified Excellence",
|
||||
},
|
||||
type: "text", text: "Certificado e Especializado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Surgical Tech",
|
||||
},
|
||||
type: "text", text: "Tecnologia Avançada"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patient-Centered Care",
|
||||
},
|
||||
type: "text", text: "Cuidado Centrado no Paciente"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Proven Transformation Results",
|
||||
},
|
||||
type: "text", text: "Resultados Comprovados"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety-First Environment",
|
||||
},
|
||||
type: "text", text: "Ambiente Seguro"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,10 +91,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Expertise"
|
||||
title="Commitment to Safety & Beauty"
|
||||
description="Dr. Smith brings decades of experience, ensuring every procedure meets the highest standards of safety and aesthetic precision."
|
||||
subdescription="Specialized in facial rejuvenation, rhinoplasty, and body contouring."
|
||||
tag="Nossa Experiência"
|
||||
title="Compromisso com Segurança e Beleza"
|
||||
description="O Dr. Smith possui décadas de experiência, garantindo que cada procedimento atenda aos mais altos padrões de segurança e precisão estética."
|
||||
subdescription="Especializado em rejuvenescimento facial, rinoplastia e contorno corporal."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-nurse-medical-mask-with-stethoscope-holding-frame_114579-65708.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -143,29 +108,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Facial Rejuvenation",
|
||||
description: "Expert facelift and brow lift techniques to restore youthful vitality.",
|
||||
tag: "Face",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-dysmorphia_23-2150960777.jpg",
|
||||
},
|
||||
id: "f1", title: "Rejuvenescimento Facial", description: "Técnicas especializadas de lifting facial para restaurar a vitalidade da juventude.", tag: "Rosto", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-dysmorphia_23-2150960777.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Body Sculpting",
|
||||
description: "Customized body contouring and liposuction procedures for a balanced look.",
|
||||
tag: "Body",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surgeon-drawing-lines-womans-abdomen-liposuction-cellulite-removal_107420-74082.jpg",
|
||||
},
|
||||
id: "f2", title: "Contorno Corporal", description: "Procedimentos personalizados de contorno e lipoaspiração para um visual equilibrado.", tag: "Corpo", imageSrc: "http://img.b2bpic.net/free-photo/surgeon-drawing-lines-womans-abdomen-liposuction-cellulite-removal_107420-74082.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Reconstructive Surgery",
|
||||
description: "Advanced reconstructive techniques prioritized for function and appearance.",
|
||||
tag: "Medical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-surgeon-wearing-surgical-mask-operation-theater-hospital_657921-1145.jpg",
|
||||
},
|
||||
id: "f3", title: "Cirurgia Reconstrutiva", description: "Técnicas avançadas com foco na função e na estética.", tag: "Médico", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-surgeon-wearing-surgical-mask-operation-theater-hospital_657921-1145.jpg"},
|
||||
]}
|
||||
title="Specialized Procedures"
|
||||
description="We offer comprehensive surgical solutions tailored to your unique anatomy and goals."
|
||||
title="Procedimentos Especializados"
|
||||
description="Oferecemos soluções cirúrgicas abrangentes adaptadas à sua anatomia e objetivos únicos."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -174,33 +124,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-woman-with-wrapped-hair-towel-sitting-table_141793-120912.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-pretty-caucasian-woman-with-wrapped-hair-towel-sitting-table_141793-120912.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-before-after-rhinoplasty-side-view_23-2149947602.jpg",
|
||||
},
|
||||
id: "2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-before-after-rhinoplasty-side-view_23-2149947602.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-white-short-hair_23-2148262831.jpg",
|
||||
},
|
||||
id: "3", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-white-short-hair_23-2148262831.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-talking-doctor_107420-73983.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautifu-smiling-nurse-uniform-happily-looking-camera-white-background_574295-2681.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautifu-smiling-nurse-uniform-happily-looking-camera-white-background_574295-2681.jpg"},
|
||||
]}
|
||||
cardTitle="Patient Stories"
|
||||
cardTag="Trusted by hundreds"
|
||||
cardTitle="Histórias dos Pacientes"
|
||||
cardTag="Recomendado por centenas"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -208,24 +143,15 @@ export default function LandingPage() {
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Proven Results"
|
||||
tag="By the numbers"
|
||||
title="Resultados Comprovados"
|
||||
tag="Pelos números"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
description: "Successful Procedures",
|
||||
},
|
||||
id: "m1", value: "1500+", description: "Procedimentos Realizados"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
description: "Years Experience",
|
||||
},
|
||||
id: "m2", value: "20", description: "Anos de Experiência"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Patient Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Satisfação do Paciente"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -237,23 +163,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long is recovery?",
|
||||
content: "Recovery varies by procedure but generally ranges from 2 to 6 weeks.",
|
||||
},
|
||||
id: "q1", title: "Quanto tempo dura a recuperação?", content: "A recuperação varia conforme o procedimento, mas geralmente dura entre 2 a 6 semanas."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are consultations private?",
|
||||
content: "Absolutely. Your privacy is our priority throughout the entire process.",
|
||||
},
|
||||
id: "q2", title: "As consultas são privadas?", content: "Absolutamente. Sua privacidade é nossa prioridade absoluta durante todo o processo."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What qualifications do you hold?",
|
||||
content: "Dr. Smith is board-certified with over 20 years of specialized experience.",
|
||||
},
|
||||
id: "q3", title: "Quais são as qualificações do Dr.?", content: "O Dr. Smith é certificado e possui mais de 20 anos de experiência especializada."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Answers to frequently asked questions about surgical procedures and recovery."
|
||||
title="Dúvidas Frequentes"
|
||||
description="Respostas para as perguntas mais comuns sobre cirurgias e recuperação."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -261,26 +178,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Journey"
|
||||
description="Schedule a private consultation with our surgical team to discuss your goals."
|
||||
title="Comece Sua Jornada"
|
||||
description="Agende uma consulta privada com nossa equipe cirúrgica para discutir seus objetivos."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nome Completo", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Endereço de E-mail", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message or preferred procedure...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Sua mensagem ou procedimento desejado...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hospital-reception-desk-with-computer-making-healthcare-appointments-patients-with-disease-registration-work-with-medical-checkup-reports-papers-forms-facility-lobby_482257-50665.jpg"
|
||||
/>
|
||||
@@ -289,10 +198,10 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dr. Aesthetic Surgery"
|
||||
copyrightText="© 2025 | All rights reserved."
|
||||
copyrightText="© 2025 | Todos os direitos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user