Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tratamentos",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Preços",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Tratamentos", id: "features" },
|
||||
{ name: "Preços", id: "pricing" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Amaris Clinic"
|
||||
/>
|
||||
@@ -60,34 +45,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Medicina Estética de Excelência em Oeiras"
|
||||
description="Transforme a sua confiança com tratamentos personalizados, tecnologia avançada e o cuidado especializado da Amaris Clinic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Marcar Consulta",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1"
|
||||
buttons={[{ text: "Marcar Consulta", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-blur-locker-room-fitness-gym_74190-5885.jpg",
|
||||
alt: "Abstract blur locker room in fitness and gym",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",
|
||||
alt: "Students learning in cafeteria",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg",
|
||||
alt: "Armchair and couch",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg",
|
||||
alt: "Elegant minimal interior design",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nice-caucasian-woman-shows-exercises-firmness-face-picture-isolated-white-background_132075-9430.jpg",
|
||||
alt: "Nice caucasian woman shows exercises for firmness of the face",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-blur-locker-room-fitness-gym_74190-5885.jpg", alt: "Abstract blur locker room in fitness and gym" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg", alt: "Students learning in cafeteria" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg", alt: "Armchair and couch" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg", alt: "Elegant minimal interior design" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nice-caucasian-woman-shows-exercises-firmness-face-picture-isolated-white-background_132075-9430.jpg", alt: "Nice caucasian woman shows exercises for firmness of the face" },
|
||||
]}
|
||||
avatarText="Junte-se a mais de 1000 pacientes satisfeitos"
|
||||
/>
|
||||
@@ -98,10 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Sobre a Amaris Clinic"
|
||||
description={[
|
||||
"Na Amaris Clinic, unimos arte e ciência para realçar a sua beleza natural.",
|
||||
"A nossa equipa dedicada em Oeiras foca-se na segurança, discrição e resultados que valorizam a sua essência.",
|
||||
"Acreditamos num envelhecimento saudável, com procedimentos personalizados que respeitam a harmonia do seu rosto.",
|
||||
]}
|
||||
"Na Amaris Clinic, unimos arte e ciência para realçar a sua beleza natural.", "A nossa equipa dedicada em Oeiras foca-se na segurança, discrição e resultados que valorizam a sua essência.", "Acreditamos num envelhecimento saudável, com procedimentos personalizados que respeitam a harmonia do seu rosto."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -110,34 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Anti-Aging",
|
||||
title: "Toxina Botulínica",
|
||||
subtitle: "Atenuação de linhas",
|
||||
description: "Redução eficaz de rugas de expressão para um aspeto descansado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
tag: "Facial",
|
||||
title: "Skin Booster",
|
||||
subtitle: "Hidratação profunda",
|
||||
description: "Revitalização da pele através de hidratação intensa e duradoura.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1748.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Preenchimento",
|
||||
title: "Ácido Hialurónico",
|
||||
subtitle: "Harmonização facial",
|
||||
description: "Recupere volumes perdidos e defina contornos faciais com precisão.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hyaluronic-acid-injection_23-2149343883.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Renovação",
|
||||
title: "Peeling Químico",
|
||||
subtitle: "Uniformização",
|
||||
description: "Tratamento para renovação celular e melhoria da textura da pele.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg",
|
||||
},
|
||||
{ tag: "Anti-Aging", title: "Toxina Botulínica", subtitle: "Atenuação de linhas", description: "Redução eficaz de rugas de expressão para um aspeto descansado.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg" },
|
||||
{ tag: "Facial", title: "Skin Booster", subtitle: "Hidratação profunda", description: "Revitalização da pele através de hidratação intensa e duradoura.", imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-1748.jpg" },
|
||||
{ tag: "Preenchimento", title: "Ácido Hialurónico", subtitle: "Harmonização facial", description: "Recupere volumes perdidos e defina contornos faciais com precisão.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hyaluronic-acid-injection_23-2149343883.jpg" },
|
||||
{ tag: "Renovação", title: "Peeling Químico", subtitle: "Uniformização", description: "Tratamento para renovação celular e melhoria da textura da pele.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gua-sha-face-products_23-2149401501.jpg" },
|
||||
]}
|
||||
title="Tratamentos Especializados"
|
||||
description="Soluções médico-estéticas seguras e eficazes para os seus objetivos."
|
||||
@@ -150,51 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Botox (1 Zona)",
|
||||
price: "180€",
|
||||
period: "sessão",
|
||||
features: [
|
||||
"Consulta incluída",
|
||||
"Follow-up 15 dias",
|
||||
],
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-stethoscope-syringe-bottle-medicine-piece-paper_181624-23615.jpg",
|
||||
imageAlt: "aesthetic medicine instruments",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Ácido Hialurónico",
|
||||
price: "320€",
|
||||
period: "seringa",
|
||||
features: [
|
||||
"Produto premium",
|
||||
"Duração até 12 meses",
|
||||
],
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",
|
||||
imageAlt: "aesthetic medicine instruments",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Skin Booster",
|
||||
price: "250€",
|
||||
period: "sessão",
|
||||
features: [
|
||||
"Protocolo intensivo",
|
||||
"Hidratação profunda",
|
||||
],
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg?_wi=2",
|
||||
imageAlt: "aesthetic medicine instruments",
|
||||
},
|
||||
{ id: "1", title: "Botox (1 Zona)", price: "180€", period: "sessão", features: ["Consulta incluída", "Follow-up 15 dias"], button: { text: "Reservar" }, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-stethoscope-syringe-bottle-medicine-piece-paper_181624-23615.jpg", imageAlt: "aesthetic medicine instruments" },
|
||||
{ id: "2", title: "Ácido Hialurónico", price: "320€", period: "seringa", features: ["Produto premium", "Duração até 12 meses"], button: { text: "Reservar" }, imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg", imageAlt: "aesthetic medicine instruments" },
|
||||
{ id: "3", title: "Skin Booster", price: "250€", period: "sessão", features: ["Protocolo intensivo", "Hidratação profunda"], button: { text: "Reservar" }, imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-mask-face-client-beauty-salon_1303-16769.jpg", imageAlt: "aesthetic medicine instruments" },
|
||||
]}
|
||||
title="Investimento na Sua Beleza"
|
||||
description="Transparência total nos nossos serviços."
|
||||
@@ -205,31 +101,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Sofia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-feminine-happy-confident-stylish-female-brunette-blue-trendy-blouse-white-t-shirt-showing-okay-ok-gesture-smiling-with-assured-look_176420-23702.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cláudia M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-touching-face-mother_23-2147784513.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Helena S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mariana L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-businesswoman-showing-thumb-up-sign-office_23-2147923402.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73987.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Sofia", imageSrc: "http://img.b2bpic.net/free-photo/portrait-feminine-happy-confident-stylish-female-brunette-blue-trendy-blouse-white-t-shirt-showing-okay-ok-gesture-smiling-with-assured-look_176420-23702.jpg" },
|
||||
{ id: "2", name: "Cláudia M.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-touching-face-mother_23-2147784513.jpg" },
|
||||
{ id: "3", name: "Helena S.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-standing-with-thumb-up-horizontal-medium-shot_1098-18147.jpg" },
|
||||
{ id: "4", name: "Mariana L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-businessman-businesswoman-showing-thumb-up-sign-office_23-2147923402.jpg" },
|
||||
{ id: "5", name: "Sofia R.", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73987.jpg" },
|
||||
]}
|
||||
cardTitle="O Que Dizem os Nossos Clientes"
|
||||
cardTag="Experiências Reais"
|
||||
@@ -244,34 +120,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Medicina Estética",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Dra. Amara Silva",
|
||||
subtitle: "Diretora Clínica",
|
||||
detail: "Especialista em medicina estética com 10 anos de experiência.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-her-office_23-2148947633.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Enf. Joana Dias",
|
||||
subtitle: "Estética Avançada",
|
||||
detail: "Especialista em procedimentos injetáveis.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Dra. Marta Costa",
|
||||
subtitle: "Dermatologista",
|
||||
detail: "Consultas de diagnóstico de pele.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=3",
|
||||
imageAlt: "professional doctor female",
|
||||
},
|
||||
id: "g1", groupTitle: "Medicina Estética", members: [
|
||||
{ id: "m1", title: "Dra. Amara Silva", subtitle: "Diretora Clínica", detail: "Especialista em medicina estética com 10 anos de experiência.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-doctor-her-office_23-2148947633.jpg" },
|
||||
{ id: "m2", title: "Enf. Joana Dias", subtitle: "Estética Avançada", detail: "Especialista em procedimentos injetáveis.", imageSrc: "http://img.b2bpic.net/free-photo/general-practitioner-recommending-vitamins-painkillers-insurance_482257-118241.jpg" },
|
||||
{ id: "m3", title: "Dra. Marta Costa", subtitle: "Dermatologista", detail: "Consultas de diagnóstico de pele.", imageSrc: "http://img.b2bpic.net/free-photo/licensed-doctor-specialist-meeting-with-his-staff-research-session_482257-122789.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Corpo Clínico"
|
||||
description="Profissionais especializados ao seu dispor."
|
||||
@@ -283,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Os tratamentos são dolorosos?",
|
||||
content: "Utilizamos técnicas de anestesia tópica e técnicas avançadas para minimizar qualquer desconforto.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quanto tempo dura o resultado?",
|
||||
content: "A duração depende do tratamento e do organismo de cada cliente, variando entre 6 a 18 meses.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "É necessário tempo de recuperação?",
|
||||
content: "A maioria dos procedimentos permite o regresso imediato às atividades diárias.",
|
||||
},
|
||||
{ id: "f1", title: "Os tratamentos são dolorosos?", content: "Utilizamos técnicas de anestesia tópica e técnicas avançadas para minimizar qualquer desconforto." },
|
||||
{ id: "f2", title: "Quanto tempo dura o resultado?", content: "A duração depende do tratamento e do organismo de cada cliente, variando entre 6 a 18 meses." },
|
||||
{ id: "f3", title: "É necessário tempo de recuperação?", content: "A maioria dos procedimentos permite o regresso imediato às atividades diárias." },
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Saiba mais sobre os nossos procedimentos."
|
||||
@@ -310,9 +152,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contacto"
|
||||
title="Marque a Sua Avaliação"
|
||||
description="Estamos situados em Oeiras. Deixe o seu email e entraremos em contacto para agendar a sua consulta."
|
||||
@@ -324,34 +164,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Tratamentos",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Preçário",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "Sobre Nós", href: "#about" },
|
||||
{ label: "Tratamentos", href: "#features" },
|
||||
{ label: "Preçário", href: "#pricing" },
|
||||
{ label: "Contacto", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Termos de Uso",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Termos de Uso", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -361,4 +183,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user