bender/2d1999a6-a65a-4699-958f-532b2d183a8c
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-18 13:55:22 +00:00
parent ccd716caff
commit 71e820d372
1 changed files with 50 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
src/app/page.tsx
View File

@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Início",
id: "hero",
},
name: "Início", id: "hero"},
{
name: "Sobre",
id: "about",
},
name: "Sobre", id: "about"},
{
name: "Serviços",
id: "features",
},
name: "Serviços", id: "features"},
{
name: "Preços",
id: "pricing",
},
name: "Preços", id: "pricing"},
{
name: "Depoimentos",
id: "testimonials",
},
name: "Depoimentos", id: "testimonials"},
{
name: "Contato",
id: "contact",
},
name: "Contato", id: "contact"},
]}
brandName="NORA"
/>
@@ -64,47 +52,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
title="Sua beleza, nossa paixão"
description="Tratamentos premium e cuidados personalizados para realçar sua melhor versão. Agende sua transformação hoje."
buttons={[
{
text: "Marcar Consulta",
href: "#contact",
},
text: "Marcar Consulta", href: "#contact"},
]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-white-paint-wall-paper-background_53876-97494.jpg?_wi=1",
imageAlt: "luxury beauty studio portrait",
},
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-white-paint-wall-paper-background_53876-97494.jpg", imageAlt: "luxury beauty studio portrait"},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/woman-christmas-holding-christmas-tree-toys-front-her-eyes_1303-11807.jpg?_wi=1",
imageAlt: "professional makeup artist work",
},
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/woman-christmas-holding-christmas-tree-toys-front-her-eyes_1303-11807.jpg", imageAlt: "professional makeup artist work"},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820961.jpg",
imageAlt: "skincare product close up",
},
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/collection-aluminum-products-packaging_23-2150820961.jpg", imageAlt: "skincare product close up"},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg",
imageAlt: "modern luxury beauty salon",
},
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/natural-elements-spa-with-candles_23-2148199479.jpg", imageAlt: "modern luxury beauty salon"},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217987.jpg",
imageAlt: "professional manicure spa treatment",
},
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150217987.jpg", imageAlt: "professional manicure spa treatment"},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-beautiful-woman-model-with-fresh-daily-makeup-with-nude-lips-color-clean-healthy-skin-face_158538-13990.jpg",
imageAlt: "luxury beauty transformation",
},
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/sensual-glamour-beautiful-woman-model-with-fresh-daily-makeup-with-nude-lips-color-clean-healthy-skin-face_158538-13990.jpg", imageAlt: "luxury beauty transformation"},
]}
/>
</div>
@@ -117,17 +84,11 @@ export default function LandingPage() {
description="No NORA Beauty Studio, combinamos tecnologia de ponta com um atendimento humano e personalizado. Nossa missão é oferecer um santuário de bem-estar onde cada detalhe é pensado para destacar a sua essência."
bulletPoints={[
{
title: "Atendimento Premium",
description: "Experiência focada exclusivamente em suas necessidades individuais.",
},
title: "Atendimento Premium", description: "Experiência focada exclusivamente em suas necessidades individuais."},
{
title: "Profissionais Qualificados",
description: "Equipe treinada nas técnicas mais avançadas do mercado.",
},
title: "Profissionais Qualificados", description: "Equipe treinada nas técnicas mais avançadas do mercado."},
{
title: "Ambiente Relaxante",
description: "Um refúgio de paz para que você possa se desconectar do mundo.",
},
title: "Ambiente Relaxante", description: "Um refúgio de paz para que você possa se desconectar do mundo."},
]}
imageSrc="http://img.b2bpic.net/free-photo/fair-skinned-young-blonde-women-are-testing-new-facial-serum-while-sitting-table-indoors-cosmetic-procedures-concept_197531-31462.jpg"
/>
@@ -140,46 +101,30 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Facial & Skincare",
description: "Tratamentos faciais rejuvenescedores com os melhores produtos.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-alone-wooden-bridge-lake-pang-ung-thailand_335224-932.jpg",
imageAlt: "skincare product close up",
},
title: "Facial & Skincare", description: "Tratamentos faciais rejuvenescedores com os melhores produtos.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-alone-wooden-bridge-lake-pang-ung-thailand_335224-932.jpg", imageAlt: "skincare product close up"},
items: [
{
icon: Sparkles,
text: "Limpeza profunda",
},
text: "Limpeza profunda"},
{
icon: CheckCircle,
text: "Hidratação intensa",
},
text: "Hidratação intensa"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-white-paint-wall-paper-background_53876-97494.jpg?_wi=2",
imageAlt: "skincare product close up",
},
{
title: "Nails & Spa",
description: "Cuidado total para suas mãos e pés em um ambiente impecável.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334235.jpg",
imageAlt: "professional manicure spa treatment",
},
title: "Nails & Spa", description: "Cuidado total para suas mãos e pés em um ambiente impecável.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334235.jpg", imageAlt: "professional manicure spa treatment"},
items: [
{
icon: Star,
text: "Design moderno",
},
text: "Design moderno"},
{
icon: CheckCircle,
text: "Esterilização rigorosa",
},
text: "Esterilização rigorosa"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/woman-christmas-holding-christmas-tree-toys-front-her-eyes_1303-11807.jpg?_wi=2",
imageAlt: "skincare product close up",
},
]}
title="Nossos Serviços Especializados"
@@ -194,36 +139,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Essentials",
price: "R$ 150",
subtitle: "Sessão única de cuidados rápidos",
features: [
"Limpeza facial",
"Hidratação básica",
],
id: "1", badge: "Essentials", price: "R$ 150", subtitle: "Sessão única de cuidados rápidos", features: [
"Limpeza facial", "Hidratação básica"],
},
{
id: "2",
badge: "Signature",
price: "R$ 350",
subtitle: "Tratamento completo e relaxante",
features: [
"Facial completo",
"Massagem terapêutica",
"Manicure",
],
id: "2", badge: "Signature", price: "R$ 350", subtitle: "Tratamento completo e relaxante", features: [
"Facial completo", "Massagem terapêutica", "Manicure"],
},
{
id: "3",
badge: "Premium",
price: "R$ 550",
subtitle: "Dia de beleza exclusivo",
features: [
"Procedimentos completos",
"Protocolo antienvelhecimento",
"Atendimento VIP",
],
id: "3", badge: "Premium", price: "R$ 550", subtitle: "Dia de beleza exclusivo", features: [
"Procedimentos completos", "Protocolo antienvelhecimento", "Atendimento VIP"],
},
]}
title="Nossos Pacotes de Tratamento"
@@ -238,26 +163,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "1.2k+",
title: "Clientes Satisfeitas",
description: "Mulheres que renovaram sua autoconfiança.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81860.jpg",
},
id: "1", value: "1.2k+", title: "Clientes Satisfeitas", description: "Mulheres que renovaram sua autoconfiança.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81860.jpg"},
{
id: "2",
value: "500+",
title: "Procedimentos",
description: "Realizados com precisão e cuidado técnico.",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-flowers-creams_23-2148268400.jpg",
},
id: "2", value: "500+", title: "Procedimentos", description: "Realizados com precisão e cuidado técnico.", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-flowers-creams_23-2148268400.jpg"},
{
id: "3",
value: "100%",
title: "Compromisso",
description: "Qualidade garantida em cada visita.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-giving-ct-scan-patient_23-2149341503.jpg",
},
id: "3", value: "100%", title: "Compromisso", description: "Qualidade garantida em cada visita.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-doctor-giving-ct-scan-patient_23-2149341503.jpg"},
]}
title="Nosso Impacto em Números"
description="Mais do que tratamentos, entregamos resultados e sorrisos."
@@ -271,40 +181,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ana Silva",
role: "Empresária",
testimonial: "O atendimento do NORA é excepcional. Senti uma diferença enorme na minha pele logo na primeira sessão.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
},
id: "1", name: "Ana Silva", role: "Empresária", testimonial: "O atendimento do NORA é excepcional. Senti uma diferença enorme na minha pele logo na primeira sessão.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg"},
{
id: "2",
name: "Mariana Costa",
role: "Advogada",
testimonial: "Um ambiente incrivelmente relaxante e profissionais extremamente atenciosos.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg",
},
id: "2", name: "Mariana Costa", role: "Advogada", testimonial: "Um ambiente incrivelmente relaxante e profissionais extremamente atenciosos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-calm-caucasian-pretty-woman-with-towel-head-eye-mask-patches-face-face-skin-care-concept-female-relax-bed-home_343596-2112.jpg"},
{
id: "3",
name: "Beatriz Souza",
role: "Designer",
testimonial: "Melhor estúdio que já visitei. Qualidade inigualável e um ambiente muito acolhedor.",
imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg",
},
id: "3", name: "Beatriz Souza", role: "Designer", testimonial: "Melhor estúdio que já visitei. Qualidade inigualável e um ambiente muito acolhedor.", imageSrc: "http://img.b2bpic.net/free-photo/female-visagiste-with-client-smiling-camera_23-2148113181.jpg"},
{
id: "4",
name: "Cláudia Lima",
role: "Arquiteta",
testimonial: "A equipe é super qualificada, me senti renovada e pronta para a semana.",
imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-product-client_23-2148398573.jpg",
},
id: "4", name: "Cláudia Lima", role: "Arquiteta", testimonial: "A equipe é super qualificada, me senti renovada e pronta para a semana.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetologist-applying-product-client_23-2148398573.jpg"},
{
id: "5",
name: "Fernanda Alves",
role: "Professora",
testimonial: "Recomendo a todas! O carinho e a atenção aos detalhes fazem toda a diferença.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg",
},
id: "5", name: "Fernanda Alves", role: "Professora", testimonial: "Recomendo a todas! O carinho e a atenção aos detalhes fazem toda a diferença.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg"},
]}
title="O que dizem nossas clientes"
description="Descubra como transformamos o dia a dia das nossas clientes."
@@ -317,20 +202,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Como agendar uma consulta?",
content: "Você pode agendar diretamente pelo botão de agendamento ou entrar em contato via WhatsApp.",
},
id: "q1", title: "Como agendar uma consulta?", content: "Você pode agendar diretamente pelo botão de agendamento ou entrar em contato via WhatsApp."},
{
id: "q2",
title: "Quais métodos de pagamento?",
content: "Aceitamos cartões, PIX e transferências bancárias.",
},
id: "q2", title: "Quais métodos de pagamento?", content: "Aceitamos cartões, PIX e transferências bancárias."},
{
id: "q3",
title: "Como preparar para a consulta?",
content: "Recomendamos chegar 10 minutos antes para relaxar e avaliar a necessidade do tratamento.",
},
id: "q3", title: "Como preparar para a consulta?", content: "Recomendamos chegar 10 minutos antes para relaxar e avaliar a necessidade do tratamento."},
]}
title="Dúvidas Frequentes"
description="Respondemos as perguntas mais comuns para garantir sua melhor experiência."
@@ -342,16 +218,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Entre em contato"
title="Pronta para transformar seu visual?"
description="Nossa equipe está à disposição para esclarecer suas dúvidas e realizar seu agendamento."
buttons={[
{
text: "Agendar Agora",
href: "#contact",
},
text: "Agendar Agora", href: "#contact"},
]}
/>
</div>
@@ -362,29 +235,19 @@ export default function LandingPage() {
logoText="NORA Beauty Studio"
columns={[
{
title: "Studio",
items: [
title: "Studio", items: [
{
label: "Sobre",
href: "#about",
},
label: "Sobre", href: "#about"},
{
label: "Serviços",
href: "#features",
},
label: "Serviços", href: "#features"},
],
},
{
title: "Contato",
items: [
title: "Contato", items: [
{
label: "Agendar",
href: "#contact",
},
label: "Agendar", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}