Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0b1d9b0a58 | |||
| a1a76f7a50 |
228
src/app/page.tsx
228
src/app/page.tsx
@@ -28,26 +28,18 @@ export default function LandingPage() {
|
|||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Início",
|
name: "Início", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Sobre",
|
name: "Sobre", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Serviços",
|
name: "Serviços", id: "servicos"},
|
||||||
id: "servicos",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contacto",
|
name: "Contacto", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Estética Gambelas"
|
brandName="Estética Gambelas"
|
||||||
/>
|
/>
|
||||||
@@ -56,20 +48,15 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroSplitDualMedia
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Beleza, Bem-Estar e Confiança em Cada Detalhe"
|
title="Beleza, Bem-Estar e Confiança em Cada Detalhe"
|
||||||
description="Tratamentos estéticos e massagens profissionais num espaço pensado para o seu conforto, relaxamento e autoestima."
|
description="Tratamentos estéticos e massagens profissionais num espaço pensado para o seu conforto, relaxamento e autoestima."
|
||||||
tag="Clínica de Estética Premium"
|
tag="Clínica de Estética Premium"
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg?_wi=1", imageAlt: "Clínica Estética Luxuosa"},
|
||||||
imageAlt: "Clínica Estética Luxuosa",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg?_wi=1", imageAlt: "Ambiente Relaxante"},
|
||||||
imageAlt: "Ambiente Relaxante",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
rating={5}
|
rating={5}
|
||||||
@@ -95,45 +82,25 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
id: "s1", title: "Limpeza de Pele", tags: [
|
||||||
title: "Limpeza de Pele",
|
"Facial"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-vector/vector-design-butterfly-luxury-logo-template_361591-3538.jpg?_wi=1"},
|
||||||
"Facial",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-design-butterfly-luxury-logo-template_361591-3538.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s2",
|
id: "s2", title: "Massagens", tags: [
|
||||||
title: "Massagens",
|
"Corporal"],
|
||||||
tags: [
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h1hy08"},
|
||||||
"Corporal",
|
|
||||||
],
|
|
||||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h1hy08",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s3",
|
id: "s3", title: "Tratamentos", tags: [
|
||||||
title: "Tratamentos",
|
"Personalizado"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-vector/natural-business-logo-set-minimal-style_23-2148370334.jpg"},
|
||||||
"Personalizado",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/natural-business-logo-set-minimal-style_23-2148370334.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s4",
|
id: "s4", title: "Drenagem", tags: [
|
||||||
title: "Drenagem",
|
"Corporal"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-vector-health-wellness-set-green_53876-157450.jpg"},
|
||||||
"Corporal",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-vector-health-wellness-set-green_53876-157450.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s5",
|
id: "s5", title: "Rejuvenescimento", tags: [
|
||||||
title: "Rejuvenescimento",
|
"Facial"],
|
||||||
tags: [
|
imageSrc: "http://img.b2bpic.net/free-vector/doodle-flower-gold_53876-117359.jpg"},
|
||||||
"Facial",
|
|
||||||
],
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/doodle-flower-gold_53876-117359.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Serviços Premium"
|
title="Serviços Premium"
|
||||||
description="Cuidados personalizados para o seu equilíbrio."
|
description="Cuidados personalizados para o seu equilíbrio."
|
||||||
@@ -148,40 +115,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "b1",
|
id: "b1", name: "Atendimento Personalizado", price: "Dedicação", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-frames-design_53876-93092.jpg"},
|
||||||
name: "Atendimento Personalizado",
|
|
||||||
price: "Dedicação",
|
|
||||||
variant: "Luxury",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-frames-design_53876-93092.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b2",
|
id: "b2", name: "Ambiente Relaxante", price: "Conforto", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-badge-design_53876-93514.jpg"},
|
||||||
name: "Ambiente Relaxante",
|
|
||||||
price: "Conforto",
|
|
||||||
variant: "Premium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-badge-design_53876-93514.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b3",
|
id: "b3", name: "Produtos de Qualidade", price: "Eficácia", variant: "Segurança", imageSrc: "http://img.b2bpic.net/free-vector/floral-frames-set_53876-93548.jpg"},
|
||||||
name: "Produtos de Qualidade",
|
|
||||||
price: "Eficácia",
|
|
||||||
variant: "Segurança",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/floral-frames-set_53876-93548.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b4",
|
id: "b4", name: "Equipa Qualificada", price: "Excelência", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frame-collection_23-2148350945.jpg"},
|
||||||
name: "Equipa Qualificada",
|
|
||||||
price: "Excelência",
|
|
||||||
variant: "Standard",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frame-collection_23-2148350945.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "b5",
|
id: "b5", name: "Localização Central", price: "Praticidade", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/gold-flower-outline-mobile-phone-wallpaper_53876-116033.jpg"},
|
||||||
name: "Localização Central",
|
|
||||||
price: "Praticidade",
|
|
||||||
variant: "Premium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/gold-flower-outline-mobile-phone-wallpaper_53876-116033.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Experiência Premium"
|
title="Experiência Premium"
|
||||||
description="Diferenciais do nosso atendimento."
|
description="Diferenciais do nosso atendimento."
|
||||||
@@ -194,60 +136,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Cliente Google", date: "2024", title: "Excelente", quote: "Ambiente acolhedor e serviço incrível.", tag: "5 estrelas", avatarSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg?_wi=2", imageAlt: "happy client professional portrait"},
|
||||||
name: "Cliente Google",
|
|
||||||
date: "2024",
|
|
||||||
title: "Excelente",
|
|
||||||
quote: "Ambiente acolhedor e serviço incrível.",
|
|
||||||
tag: "5 estrelas",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg?_wi=2",
|
|
||||||
imageAlt: "happy client professional portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Cliente Local", date: "2024", title: "Profissional", quote: "Espaço limpo e atendimento impecável.", tag: "5 estrelas", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-restful-woman_1098-3168.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg?_wi=2", imageAlt: "happy client professional portrait"},
|
||||||
name: "Cliente Local",
|
|
||||||
date: "2024",
|
|
||||||
title: "Profissional",
|
|
||||||
quote: "Espaço limpo e atendimento impecável.",
|
|
||||||
tag: "5 estrelas",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-restful-woman_1098-3168.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg?_wi=2",
|
|
||||||
imageAlt: "happy client professional portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Cliente Fiel", date: "2024", title: "Recomendo", quote: "A massagem ajudou imenso nas dores.", tag: "5 estrelas", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-making-massage-spa-center_1303-26373.jpg", imageSrc: "http://img.b2bpic.net/free-vector/vector-design-butterfly-luxury-logo-template_361591-3538.jpg?_wi=2", imageAlt: "happy client professional portrait"},
|
||||||
name: "Cliente Fiel",
|
|
||||||
date: "2024",
|
|
||||||
title: "Recomendo",
|
|
||||||
quote: "A massagem ajudou imenso nas dores.",
|
|
||||||
tag: "5 estrelas",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-making-massage-spa-center_1303-26373.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-design-butterfly-luxury-logo-template_361591-3538.jpg?_wi=2",
|
|
||||||
imageAlt: "happy client professional portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Cliente Faro", date: "2024", title: "Perfeito", quote: "Tratamento de excelência.", tag: "5 estrelas", avatarSrc: "http://img.b2bpic.net/free-photo/woman-wellness-center_1098-5.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094316.jpg", imageAlt: "happy client professional portrait"},
|
||||||
name: "Cliente Faro",
|
|
||||||
date: "2024",
|
|
||||||
title: "Perfeito",
|
|
||||||
quote: "Tratamento de excelência.",
|
|
||||||
tag: "5 estrelas",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-wellness-center_1098-5.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094316.jpg",
|
|
||||||
imageAlt: "happy client professional portrait",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Cliente Satisfeita", date: "2024", title: "Maravilhoso", quote: "Uma experiência relaxante única.", tag: "5 estrelas", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg", imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-medical-center_188544-27914.jpg?_wi=2", imageAlt: "happy client professional portrait"},
|
||||||
name: "Cliente Satisfeita",
|
|
||||||
date: "2024",
|
|
||||||
title: "Maravilhoso",
|
|
||||||
quote: "Uma experiência relaxante única.",
|
|
||||||
tag: "5 estrelas",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-massage-table-smiling_1098-2710.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-medical-center_188544-27914.jpg?_wi=2",
|
|
||||||
imageAlt: "happy client professional portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="O Que Dizem Sobre Nós"
|
title="O Que Dizem Sobre Nós"
|
||||||
description="Clientes satisfeitos que recomendam a nossa experiência."
|
description="Clientes satisfeitos que recomendam a nossa experiência."
|
||||||
@@ -259,14 +156,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Facial",
|
"Facial", "Massagem", "Relaxamento", "Estética", "Ambiente", "Moderno", "Cuidados"]}
|
||||||
"Massagem",
|
|
||||||
"Relaxamento",
|
|
||||||
"Estética",
|
|
||||||
"Ambiente",
|
|
||||||
"Moderno",
|
|
||||||
"Cuidados",
|
|
||||||
]}
|
|
||||||
title="Galeria do Espaço"
|
title="Galeria do Espaço"
|
||||||
description="Veja o ambiente premium que preparamos para si."
|
description="Veja o ambiente premium que preparamos para si."
|
||||||
/>
|
/>
|
||||||
@@ -278,25 +168,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Onde estão localizados?", content: "Rua das Violetas, Bloco P, Loja G, Faro."},
|
||||||
title: "Onde estão localizados?",
|
|
||||||
content: "Rua das Violetas, Bloco P, Loja G, Faro.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "É necessário marcação?", content: "Sim, recomendamos marcação prévia."},
|
||||||
title: "É necessário marcação?",
|
|
||||||
content: "Sim, recomendamos marcação prévia.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Que tratamentos oferecem?", content: "Tratamentos faciais, massagens e estética."},
|
||||||
title: "Que tratamentos oferecem?",
|
|
||||||
content: "Tratamentos faciais, massagens e estética.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f4",
|
id: "f4", title: "O espaço é higienizado?", content: "Sim, cumprimos todas as normas de higiene."},
|
||||||
title: "O espaço é higienizado?",
|
|
||||||
content: "Sim, cumprimos todas as normas de higiene.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Perguntas Frequentes"
|
title="Perguntas Frequentes"
|
||||||
description="Tire as suas dúvidas."
|
description="Tire as suas dúvidas."
|
||||||
@@ -311,20 +189,12 @@ export default function LandingPage() {
|
|||||||
description="Entre em contacto connosco hoje."
|
description="Entre em contacto connosco hoje."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Nome"},
|
||||||
type: "text",
|
|
||||||
placeholder: "Nome",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Telefone"},
|
||||||
type: "tel",
|
|
||||||
placeholder: "Telefone",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Mensagem"}}
|
||||||
placeholder: "Mensagem",
|
|
||||||
}}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/serene-minimalist-interior_23-2151935124.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/serene-minimalist-interior_23-2151935124.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -333,21 +203,15 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Localização",
|
title: "Localização", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Rua das Violetas, Faro",
|
label: "Rua das Violetas, Faro", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contactos",
|
title: "Contactos", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "966 412 065",
|
label: "966 412 065", href: "tel:966412065"},
|
||||||
href: "tel:966412065",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -358,4 +222,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user