Update src/app/page.tsx

This commit is contained in:
2026-06-01 18:32:09 +00:00
parent 4cf57aec16
commit bb9ce67f1c

View File

@@ -10,7 +10,6 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Instagram } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,152 +30,88 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Início",
id: "#hero",
},
name: "Início", id: "#hero"},
{
name: "Sobre",
id: "#about",
},
name: "Sobre", id: "#about"},
{
name: "Serviços",
id: "#products",
},
name: "Serviços", id: "#products"},
{
name: "Como Funciona",
id: "#how-it-works",
},
name: "Como Funciona", id: "#how-it-works"},
{
name: "Contato",
id: "#contact",
},
name: "Contato", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/luxury-logo-design-template_23-2150880454.jpg"
logoAlt="Logo Estética Europeia"
brandName="Estética Europeia"
topBarClassName="bg-[#0a0a0a] text-[#C9A84C]"
button={{
text: "Agende Agora",
href: "#contact",
}}
text: "Agende Agora", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Estética Avançada com Requinte Europeu"
description="Tratamentos exclusivos realizados na sua residência, com o conforto e a privacidade que você merece."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grocery-bags-using-hand-sanitizer_23-2148781502.jpg",
imageAlt: "Tratamento facial luxuoso",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-grocery-bags-using-hand-sanitizer_23-2148781502.jpg", imageAlt: "Tratamento facial luxuoso"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148001031.jpg",
imageAlt: "Sessão de estética avançada",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148001031.jpg", imageAlt: "Sessão de estética avançada"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099314.jpg",
imageAlt: "Aplicação de produto premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099314.jpg", imageAlt: "Aplicação de produto premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg",
imageAlt: "Cliente relaxando durante tratamento",
},
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sisters-drinking-coffee-morning_8353-7606.jpg", imageAlt: "Cliente relaxando durante tratamento"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg",
imageAlt: "Detalhe da aplicação de creme",
},
imageSrc: "http://img.b2bpic.net/free-photo/pink-rose-flower-essential-oils-himalayan-rock-salt-black-textured-backdrop_23-2148087713.jpg", imageAlt: "Detalhe da aplicação de creme"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg",
imageAlt: "Resultados de tratamento estético",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lying-cosmetologist-s-table-rejuvenation-procedure_343596-77.jpg", imageAlt: "Resultados de tratamento estético"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-hair-care_23-2148547361.jpg",
imageAlt: "Resultados de tratamento estético",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cosmetic-products-hair-care_23-2148547361.jpg", imageAlt: "Resultados de tratamento estético"},
{
imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871830.jpg",
imageAlt: "Detalhe da aplicação de creme",
},
imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871830.jpg", imageAlt: "Detalhe da aplicação de creme"},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1713.jpg",
imageAlt: "Cliente relaxando durante tratamento",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1713.jpg", imageAlt: "Cliente relaxando durante tratamento"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242152.jpg",
imageAlt: "Aplicação de produto premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-skin-regeneration-products_23-2151242152.jpg", imageAlt: "Aplicação de produto premium"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148001068.jpg",
imageAlt: "Sessão de estética avançada",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-spa_23-2148001068.jpg", imageAlt: "Sessão de estética avançada"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg",
imageAlt: "Tratamento facial luxuoso",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-lies-beautician-s-table-receives-procedures-light-facial-massage-using-oil_343596-4184.jpg", imageAlt: "Tratamento facial luxuoso"},
]}
buttons={[
{
text: "Agende seu Horário",
href: "#contact",
},
text: "Agende seu Horário", href: "#contact"},
]}
carouselPosition="right"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg",
alt: "Beautiful dark haired girl in a toasty fluffy sweater",
},
src: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg", alt: "Beautiful dark haired girl in a toasty fluffy sweater"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
alt: "Portrait of a young female dentist",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Portrait of a young female dentist"},
{
src: "http://img.b2bpic.net/free-photo/portrait-wonderful-young-woman_158595-4762.jpg",
alt: "Portrait of wonderful young woman",
},
src: "http://img.b2bpic.net/free-photo/portrait-wonderful-young-woman_158595-4762.jpg", alt: "Portrait of wonderful young woman"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58750.jpg",
alt: "Portrait of young woman in black sweater",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58750.jpg", alt: "Portrait of young woman in black sweater"},
{
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl_78826-2330.jpg",
alt: "Young attractive emotional girl",
},
src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl_78826-2330.jpg", alt: "Young attractive emotional girl"},
]}
avatarText="Junte-se a nossas clientes satisfeitas!"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/luxury-frame-design-with-text-space_1017-14406.jpg",
alt: "luxury frame design with text space",
},
type: "image", src: "http://img.b2bpic.net/free-vector/luxury-frame-design-with-text-space_1017-14406.jpg", alt: "luxury frame design with text space"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/logo-with-vintage-luxury-style_23-2147839710.jpg",
alt: "Logo with vintage and luxury style",
},
type: "image", src: "http://img.b2bpic.net/free-vector/logo-with-vintage-luxury-style_23-2147839710.jpg", alt: "Logo with vintage and luxury style"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/editable-spa-logo-template-vector-health-wellness_53876-139963.jpg",
alt: "Editable spa logo template vector for health and wellness",
},
type: "image", src: "http://img.b2bpic.net/free-vector/editable-spa-logo-template-vector-health-wellness_53876-139963.jpg", alt: "Editable spa logo template vector for health and wellness"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/logo-vintage-luxury-style_23-2147865119.jpg",
alt: "Logo in vintage and luxury style",
},
type: "image", src: "http://img.b2bpic.net/free-vector/logo-vintage-luxury-style_23-2147865119.jpg", alt: "Logo in vintage and luxury style"},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/golden-shield_1083-23.jpg",
alt: "Golden shield",
},
type: "image", src: "http://img.b2bpic.net/free-vector/golden-shield_1083-23.jpg", alt: "Golden shield"},
]}
/>
</div>
@@ -189,23 +124,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Técnicas Europeias Certificadas",
description: "Metodologias exclusivas e comprovadas, alinhadas aos mais altos padrões de estética internacional.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfwdv4",
imageAlt: "Ícone de certificado dourado",
},
title: "Técnicas Europeias Certificadas", description: "Metodologias exclusivas e comprovadas, alinhadas aos mais altos padrões de estética internacional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfwdv4", imageAlt: "Ícone de certificado dourado"},
{
title: "Atendimento Home Care",
description: "Desfrute do luxo e da conveniência de tratamentos personalizados no conforto e privacidade da sua residência.",
imageSrc: "http://img.b2bpic.net/free-vector/culture-logo-template-design_23-2149881328.jpg",
imageAlt: "Ícone de casa dourada",
},
title: "Atendimento Home Care", description: "Desfrute do luxo e da conveniência de tratamentos personalizados no conforto e privacidade da sua residência.", imageSrc: "http://img.b2bpic.net/free-vector/culture-logo-template-design_23-2149881328.jpg", imageAlt: "Ícone de casa dourada"},
{
title: "Protocolos Personalizados",
description: "Cada tratamento é cuidadosamente adaptado às suas necessidades, garantindo resultados otimizados e duradouros.",
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166907.jpg",
imageAlt: "Ícone de estrela dourada",
},
title: "Protocolos Personalizados", description: "Cada tratamento é cuidadosamente adaptado às suas necessidades, garantindo resultados otimizados e duradouros.", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166907.jpg", imageAlt: "Ícone de estrela dourada"},
]}
title="Nossos Diferenciais"
description="Descubra o que torna nossos tratamentos únicos e transformadores, unindo exclusividade e resultados excepcionais."
@@ -230,47 +153,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "limpeza-pele",
name: "Limpeza de Pele Profunda",
price: "R$ 280",
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-2124.jpg",
imageAlt: "Limpeza de Pele Profunda",
},
id: "limpeza-pele", name: "Limpeza de Pele Profunda", price: "R$ 280", 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-2124.jpg", imageAlt: "Limpeza de Pele Profunda"},
{
id: "bioestimulacao",
name: "Bioestimulação Facial",
price: "R$ 450",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-band-aid-flower-pplastic-face_23-2148875885.jpg",
imageAlt: "Bioestimulação Facial",
},
id: "bioestimulacao", name: "Bioestimulação Facial", price: "R$ 450", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-band-aid-flower-pplastic-face_23-2148875885.jpg", imageAlt: "Bioestimulação Facial"},
{
id: "peeling",
name: "Peeling Europeu",
price: "R$ 380",
imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963343.jpg",
imageAlt: "Peeling Europeu",
},
id: "peeling", name: "Peeling Europeu", price: "R$ 380", imageSrc: "http://img.b2bpic.net/free-photo/shea-butter-treatment-arrangement_23-2148963343.jpg", imageAlt: "Peeling Europeu"},
{
id: "kobido",
name: "Massagem Kobido",
price: "R$ 320",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-massaging-neck_23-2149406826.jpg",
imageAlt: "Massagem Kobido",
},
id: "kobido", name: "Massagem Kobido", price: "R$ 320", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-massaging-neck_23-2149406826.jpg", imageAlt: "Massagem Kobido"},
{
id: "anti-idade",
name: "Tratamento Anti-idade",
price: "R$ 520",
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329707.jpg",
imageAlt: "Tratamento Anti-idade",
},
id: "anti-idade", name: "Tratamento Anti-idade", price: "R$ 520", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329707.jpg", imageAlt: "Tratamento Anti-idade"},
{
id: "hidratacao",
name: "Hidratação Intensiva",
price: "R$ 250",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-holding-wet-towels_23-2148882186.jpg",
imageAlt: "Hidratação Intensiva",
},
id: "hidratacao", name: "Hidratação Intensiva", price: "R$ 250", imageSrc: "http://img.b2bpic.net/free-photo/close-up-therapist-holding-wet-towels_23-2148882186.jpg", imageAlt: "Hidratação Intensiva"},
]}
title="Nossos Tratamentos"
description="Explore nosso catálogo exclusivo de serviços de estética avançada, cuidadosamente selecionados para realçar sua beleza natural e proporcionar bem-estar."
@@ -285,29 +178,13 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "1. Agendamento pelo WhatsApp",
description: "Entre em contato conosco de forma fácil e rápida para agendar seu tratamento no melhor horário para você.",
imageSrc: "http://img.b2bpic.net/free-photo/clipboard-icon-front-side-white-background_187299-40139.jpg",
imageAlt: "Ícone WhatsApp para agendamento",
},
title: "1. Agendamento pelo WhatsApp", description: "Entre em contato conosco de forma fácil e rápida para agendar seu tratamento no melhor horário para você.", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-icon-front-side-white-background_187299-40139.jpg", imageAlt: "Ícone WhatsApp para agendamento"},
{
title: "2. Avaliação Personalizada",
description: "Realizamos uma consulta detalhada para entender suas necessidades e criar um protocolo de tratamento exclusivo.",
imageSrc: "http://img.b2bpic.net/free-photo/notebook-icon-right-side-with-white-background_187299-39914.jpg",
imageAlt: "Ícone de checklist para avaliação",
},
title: "2. Avaliação Personalizada", description: "Realizamos uma consulta detalhada para entender suas necessidades e criar um protocolo de tratamento exclusivo.", imageSrc: "http://img.b2bpic.net/free-photo/notebook-icon-right-side-with-white-background_187299-39914.jpg", imageAlt: "Ícone de checklist para avaliação"},
{
title: "3. Atendimento na Sua Casa",
description: "Nossa profissional leva todo o equipamento e produtos necessários para um atendimento impecável no seu lar.",
imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side-with-white-background_187299-39959.jpg",
imageAlt: "Ícone de casa com pin de localização",
},
title: "3. Atendimento na Sua Casa", description: "Nossa profissional leva todo o equipamento e produtos necessários para um atendimento impecável no seu lar.", imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side-with-white-background_187299-39959.jpg", imageAlt: "Ícone de casa com pin de localização"},
{
title: "4. Protocolo e Cuidados Pós-Tratamento",
description: "Receba orientações claras para otimizar os resultados e manter sua pele radiante após o atendimento.",
imageSrc: "http://img.b2bpic.net/free-vector/security-background-with-golden-shield_23-2147630780.jpg",
imageAlt: "Ícone de escudo para cuidados",
},
title: "4. Protocolo e Cuidados Pós-Tratamento", description: "Receba orientações claras para otimizar os resultados e manter sua pele radiante após o atendimento.", imageSrc: "http://img.b2bpic.net/free-vector/security-background-with-golden-shield_23-2147630780.jpg", imageAlt: "Ícone de escudo para cuidados"},
]}
title="Como é o Atendimento Home Care"
description="Desfrute da conveniência e exclusividade do nosso serviço, com um processo simples e transparente, feito para você."
@@ -322,25 +199,15 @@ export default function LandingPage() {
author="Ana Paula M."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
alt: "Foto de Ana Paula M.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", alt: "Foto de Ana Paula M."},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-sensual-brunette-female-white-bra_613910-7907.jpg",
alt: "Foto de Juliana S.",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-sensual-brunette-female-white-bra_613910-7907.jpg", alt: "Foto de Juliana S."},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg",
alt: "Foto de Patrícia R.",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67076.jpg", alt: "Foto de Patrícia R."},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-standing-with-arms-crossed-gesture-street_839833-26383.jpg",
alt: "Foto de Roberta P.",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-standing-with-arms-crossed-gesture-street_839833-26383.jpg", alt: "Foto de Roberta P."},
{
src: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg",
alt: "Foto de Fernanda L.",
},
src: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg", alt: "Foto de Fernanda L."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -351,19 +218,14 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Pronta para transformar sua beleza com a exclusividade do atendimento home care? Agende seu momento de luxo e descubra a diferença da estética avançada europeia."
buttons={[
{
text: "Agendar pelo WhatsApp",
href: "https://wa.me/seunumerodetelefone",
},
text: "Agendar pelo WhatsApp", href: "https://wa.me/seunumerodetelefone"},
{
text: "Siga no Instagram",
href: "https://instagram.com/seuinstagram",
icon: Instagram,
},
text: "Siga no Instagram", href: "https://instagram.com/seuinstagram"
}
]}
/>
</div>
@@ -374,58 +236,35 @@ export default function LandingPage() {
logoText="Estética Europeia"
columns={[
{
title: "Links Rápidos",
items: [
title: "Links Rápidos", items: [
{
label: "Início",
href: "#hero",
},
label: "Início", href: "#hero"},
{
label: "Sobre",
href: "#about",
},
label: "Sobre", href: "#about"},
{
label: "Serviços",
href: "#products",
},
label: "Serviços", href: "#products"},
],
},
{
title: "Serviços",
items: [
title: "Serviços", items: [
{
label: "Limpeza de Pele",
href: "#products",
},
label: "Limpeza de Pele", href: "#products"},
{
label: "Bioestimulação",
href: "#products",
},
label: "Bioestimulação", href: "#products"},
{
label: "Peeling Europeu",
href: "#products",
},
label: "Peeling Europeu", href: "#products"},
{
label: "Massagem Kobido",
href: "#products",
},
label: "Massagem Kobido", href: "#products"},
],
},
{
title: "Contato",
items: [
title: "Contato", items: [
{
label: "WhatsApp",
href: "https://wa.me/seunumerodetelefone",
},
label: "WhatsApp", href: "https://wa.me/seunumerodetelefone"},
{
label: "Instagram",
href: "https://instagram.com/seuinstagram",
},
label: "Instagram", href: "https://instagram.com/seuinstagram"},
{
label: "Agende Agora",
href: "#contact",
},
label: "Agende Agora", href: "#contact"},
],
},
]}