Merge version_2 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -28,26 +28,18 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "servicos",
|
||||
},
|
||||
name: "Serviços", id: "servicos"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Estética Gambelas"
|
||||
/>
|
||||
@@ -56,20 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
tag="Clínica de Estética Premium"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg?_wi=1",
|
||||
imageAlt: "Clínica Estética Luxuosa",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg?_wi=1", 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",
|
||||
imageAlt: "Ambiente Relaxante",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,45 +82,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Limpeza de Pele",
|
||||
tags: [
|
||||
"Facial",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-design-butterfly-luxury-logo-template_361591-3538.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", title: "Limpeza de Pele", tags: [
|
||||
"Facial"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-design-butterfly-luxury-logo-template_361591-3538.jpg?_wi=1"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Massagens",
|
||||
tags: [
|
||||
"Corporal",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h1hy08",
|
||||
},
|
||||
id: "s2", title: "Massagens", tags: [
|
||||
"Corporal"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h1hy08"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Tratamentos",
|
||||
tags: [
|
||||
"Personalizado",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/natural-business-logo-set-minimal-style_23-2148370334.jpg",
|
||||
},
|
||||
id: "s3", title: "Tratamentos", tags: [
|
||||
"Personalizado"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/natural-business-logo-set-minimal-style_23-2148370334.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Drenagem",
|
||||
tags: [
|
||||
"Corporal",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-vector-health-wellness-set-green_53876-157450.jpg",
|
||||
},
|
||||
id: "s4", title: "Drenagem", tags: [
|
||||
"Corporal"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-vector-health-wellness-set-green_53876-157450.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Rejuvenescimento",
|
||||
tags: [
|
||||
"Facial",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/doodle-flower-gold_53876-117359.jpg",
|
||||
},
|
||||
id: "s5", title: "Rejuvenescimento", tags: [
|
||||
"Facial"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/doodle-flower-gold_53876-117359.jpg"},
|
||||
]}
|
||||
title="Serviços Premium"
|
||||
description="Cuidados personalizados para o seu equilíbrio."
|
||||
@@ -148,40 +115,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "b1",
|
||||
name: "Atendimento Personalizado",
|
||||
price: "Dedicação",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-frames-design_53876-93092.jpg",
|
||||
},
|
||||
id: "b1", name: "Atendimento Personalizado", price: "Dedicação", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-frames-design_53876-93092.jpg"},
|
||||
{
|
||||
id: "b2",
|
||||
name: "Ambiente Relaxante",
|
||||
price: "Conforto",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-badge-design_53876-93514.jpg",
|
||||
},
|
||||
id: "b2", name: "Ambiente Relaxante", price: "Conforto", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-vector/minimal-botanical-badge-design_53876-93514.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "b4",
|
||||
name: "Equipa Qualificada",
|
||||
price: "Excelência",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frame-collection_23-2148350945.jpg",
|
||||
},
|
||||
id: "b4", name: "Equipa Qualificada", price: "Excelência", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frame-collection_23-2148350945.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Experiência Premium"
|
||||
description="Diferenciais do nosso atendimento."
|
||||
@@ -194,60 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="O Que Dizem Sobre Nós"
|
||||
description="Clientes satisfeitos que recomendam a nossa experiência."
|
||||
@@ -259,14 +156,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Facial",
|
||||
"Massagem",
|
||||
"Relaxamento",
|
||||
"Estética",
|
||||
"Ambiente",
|
||||
"Moderno",
|
||||
"Cuidados",
|
||||
]}
|
||||
"Facial", "Massagem", "Relaxamento", "Estética", "Ambiente", "Moderno", "Cuidados"]}
|
||||
title="Galeria do Espaço"
|
||||
description="Veja o ambiente premium que preparamos para si."
|
||||
/>
|
||||
@@ -278,25 +168,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Onde estão localizados?",
|
||||
content: "Rua das Violetas, Bloco P, Loja G, Faro.",
|
||||
},
|
||||
id: "f1", title: "Onde estão localizados?", content: "Rua das Violetas, Bloco P, Loja G, Faro."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "É necessário marcação?",
|
||||
content: "Sim, recomendamos marcação prévia.",
|
||||
},
|
||||
id: "f2", title: "É necessário marcação?", content: "Sim, recomendamos marcação prévia."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Que tratamentos oferecem?",
|
||||
content: "Tratamentos faciais, massagens e estética.",
|
||||
},
|
||||
id: "f3", title: "Que tratamentos oferecem?", content: "Tratamentos faciais, massagens e estética."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "O espaço é higienizado?",
|
||||
content: "Sim, cumprimos todas as normas de higiene.",
|
||||
},
|
||||
id: "f4", title: "O espaço é higienizado?", content: "Sim, cumprimos todas as normas de higiene."},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire as suas dúvidas."
|
||||
@@ -311,20 +189,12 @@ export default function LandingPage() {
|
||||
description="Entre em contacto connosco hoje."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Nome"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefone",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Telefone"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Mensagem",
|
||||
}}
|
||||
name: "message", placeholder: "Mensagem"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serene-minimalist-interior_23-2151935124.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -333,21 +203,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Localização",
|
||||
items: [
|
||||
title: "Localização", items: [
|
||||
{
|
||||
label: "Rua das Violetas, Faro",
|
||||
href: "#",
|
||||
},
|
||||
label: "Rua das Violetas, Faro", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contactos",
|
||||
items: [
|
||||
title: "Contactos", items: [
|
||||
{
|
||||
label: "966 412 065",
|
||||
href: "tel:966412065",
|
||||
},
|
||||
label: "966 412 065", href: "tel:966412065"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -358,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user