Update src/app/page.tsx
This commit is contained in:
302
src/app/page.tsx
302
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, Shield, Palette, Diamond, Armchair } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,95 +31,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "pricing" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="NailArt Studio"
|
||||
button={{ text: "Agendar" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A arte de realçar sua elegância natural"
|
||||
description="Transformamos suas mãos com técnicas inovadoras e um toque de luxo exclusivo. Descubra o nível superior em nail design."
|
||||
kpis={[
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Unhas Transformadas",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
label: "Anos de Excelência",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Clientes Satisfeitas",
|
||||
},
|
||||
{ value: "5k+", label: "Unhas Transformadas" },
|
||||
{ value: "12", label: "Anos de Excelência" },
|
||||
{ value: "99%", label: "Clientes Satisfeitas" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg"
|
||||
imageAlt="Manicure de luxo"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg",
|
||||
alt: "Close up on nail care treatment",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-red-cocktail_1157-47306.jpg",
|
||||
alt: "Brunette girl. Woman in a white fur coat. Red cocktail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-hands-with-beige-nail-design-holding-black-cup_127675-2659.jpg",
|
||||
alt: "Female hands with beige nail design holding black cup.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693570.jpg",
|
||||
alt: "Woman showing hands in form of support",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg",
|
||||
alt: "Fuzzy room with armchairs",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg", alt: "Close up on nail care treatment" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-red-cocktail_1157-47306.jpg", alt: "Brunette girl" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-hands-with-beige-nail-design-holding-black-cup_127675-2659.jpg", alt: "Female hands" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-showing-hands-form-support_23-2150693570.jpg", alt: "Woman showing hands" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg", alt: "Fuzzy room" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Design Personalizado",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Biossegurança",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Alta Durabilidade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Relaxante",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tendências 2024",
|
||||
},
|
||||
{ type: "text", text: "Design Personalizado" },
|
||||
{ type: "text", text: "Biossegurança" },
|
||||
{ type: "text", text: "Alta Durabilidade" },
|
||||
{ type: "text", text: "Ambiente Relaxante" },
|
||||
{ type: "text", text: "Tendências 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,7 +80,7 @@ export default function LandingPage() {
|
||||
description="A NailArt Studio nasceu da união entre paixão pela estética e rigor técnico, criando um refúgio para quem busca autocuidado real."
|
||||
subdescription="Cada sessão é um ritual de beleza personalizado para cada cliente."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -142,34 +90,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Higiene Rigorosa",
|
||||
description: "Protocolos de biossegurança nível hospitalar.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-bar-with-stools_1203-454.jpg",
|
||||
imageAlt: "Blurred bar with stools",
|
||||
},
|
||||
{
|
||||
title: "Design Personalizado",
|
||||
description: "Arte única desenhada para sua personalidade.",
|
||||
buttonIcon: "Palette",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg?_wi=2",
|
||||
imageAlt: "Blurred bar with stools",
|
||||
},
|
||||
{
|
||||
title: "Produtos Premium",
|
||||
description: "As melhores marcas globais de gel e esmalte.",
|
||||
buttonIcon: "Diamond",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg?_wi=2",
|
||||
imageAlt: "Blurred bar with stools",
|
||||
},
|
||||
{
|
||||
title: "Conforto Total",
|
||||
description: "Ambiente preparado para relaxar e renovar.",
|
||||
buttonIcon: "Armchair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-composition-nail-care-products_23-2148974521.jpg?_wi=1",
|
||||
imageAlt: "Blurred bar with stools",
|
||||
},
|
||||
{ title: "Higiene Rigorosa", description: "Protocolos de biossegurança nível hospitalar.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/blurred-bar-with-stools_1203-454.jpg" },
|
||||
{ title: "Design Personalizado", description: "Arte única desenhada para sua personalidade.", buttonIcon: Palette, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820419.jpg" },
|
||||
{ title: "Produtos Premium", description: "As melhores marcas globais de gel e esmalte.", buttonIcon: Diamond, imageSrc: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg" },
|
||||
{ title: "Conforto Total", description: "Ambiente preparado para relaxar e renovar.", buttonIcon: Armchair, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-composition-nail-care-products_23-2148974521.jpg" },
|
||||
]}
|
||||
title="Por que escolher nossa técnica?"
|
||||
description="Combinamos saúde das unhas com as últimas tendências globais."
|
||||
@@ -182,51 +106,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "R$ 89",
|
||||
name: "Manicure Premium",
|
||||
features: [
|
||||
"Limpeza detalhada",
|
||||
"Esmaltação gel",
|
||||
"Massagem relaxante",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Agendar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "R$ 159",
|
||||
name: "Alongamento Luxo",
|
||||
features: [
|
||||
"Fibra de vidro",
|
||||
"Acabamento natural",
|
||||
"Brinde exclusivo",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Agendar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "R$ 199",
|
||||
name: "Nail Art Custom",
|
||||
features: [
|
||||
"Design a mão livre",
|
||||
"Pedrarias",
|
||||
"Tendências 2024",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Agendar",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", price: "R$ 89", name: "Manicure Premium", features: ["Limpeza detalhada", "Esmaltação gel", "Massagem relaxante"], buttons: [{ text: "Agendar" }] },
|
||||
{ id: "p2", price: "R$ 159", name: "Alongamento Luxo", features: ["Fibra de vidro", "Acabamento natural", "Brinde exclusivo"], buttons: [{ text: "Agendar" }] },
|
||||
{ id: "p3", price: "R$ 199", name: "Nail Art Custom", features: ["Design a mão livre", "Pedrarias", "Tendências 2024"], buttons: [{ text: "Agendar" }] },
|
||||
]}
|
||||
title="Menu de Serviços"
|
||||
description="Escolha o cuidado que suas mãos merecem."
|
||||
@@ -241,36 +123,9 @@ export default function LandingPage() {
|
||||
title="Tendências de Nail Art"
|
||||
description="Acompanhe as novidades que estão bombando nas passarelas."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Trends",
|
||||
title: "O retorno das cores pastéis",
|
||||
excerpt: "Uma elegância discreta e moderna.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-with-beautiful-nails_23-2149921690.jpg",
|
||||
authorName: "Studio",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg",
|
||||
date: "12 Mai, 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Dicas",
|
||||
title: "Cuide das suas unhas em casa",
|
||||
excerpt: "Dicas essenciais de hidratação.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-composition-nail-care-products_23-2148974521.jpg?_wi=2",
|
||||
authorName: "Studio",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/focused-talented-manicurist-is-working-her-own-workplace-busy-beauty-salon-she-is-wearing-protective-mask_613910-21433.jpg",
|
||||
date: "08 Mai, 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Art",
|
||||
title: "Minimalismo em alta",
|
||||
excerpt: "Como o menos pode ser mais.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-getting-engaged-valentines-day_23-2149202965.jpg",
|
||||
authorName: "Studio",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg",
|
||||
date: "01 Mai, 2024",
|
||||
},
|
||||
{ id: "b1", category: "Trends", title: "O retorno das cores pastéis", excerpt: "Uma elegância discreta e moderna.", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-beautiful-nails_23-2149921690.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg", date: "12 Mai, 2024" },
|
||||
{ id: "b2", category: "Dicas", title: "Cuide das suas unhas em casa", excerpt: "Dicas essenciais de hidratação.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-composition-nail-care-products_23-2148974521.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/focused-talented-manicurist-is-working-her-own-workplace-busy-beauty-salon-she-is-wearing-protective-mask_613910-21433.jpg", date: "08 Mai, 2024" },
|
||||
{ id: "b3", category: "Art", title: "Minimalismo em alta", excerpt: "Como o menos pode ser mais.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-getting-engaged-valentines-day_23-2149202965.jpg", authorName: "Studio", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg", date: "01 Mai, 2024" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -282,46 +137,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marina Silva",
|
||||
role: "Advogada",
|
||||
company: "Cliente VIP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Beatriz Souza",
|
||||
role: "Designer",
|
||||
company: "Cliente VIP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-woman-with-protea-flower-concept-style-femininity_169016-59503.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Camila Dias",
|
||||
role: "Influencer",
|
||||
company: "Cliente VIP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-talking-by-mobile-phone-home_329181-4277.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fernanda Gomes",
|
||||
role: "Empresária",
|
||||
company: "Cliente VIP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sensual-woman-with-beautiful-flower-wreath_23-2148054896.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Larissa Rocha",
|
||||
role: "Estudante",
|
||||
company: "Cliente VIP",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-flat-lay_23-2149046505.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Marina Silva", role: "Advogada", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg" },
|
||||
{ id: "t2", name: "Beatriz Souza", role: "Designer", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-woman-with-protea-flower-concept-style-femininity_169016-59503.jpg" },
|
||||
{ id: "t3", name: "Camila Dias", role: "Influencer", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-talking-by-mobile-phone-home_329181-4277.jpg" },
|
||||
{ id: "t4", name: "Fernanda Gomes", role: "Empresária", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-sensual-woman-with-beautiful-flower-wreath_23-2148054896.jpg" },
|
||||
{ id: "t5", name: "Larissa Rocha", role: "Estudante", company: "Cliente VIP", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/nail-care-items-arrangement-flat-lay_23-2149046505.jpg" },
|
||||
]}
|
||||
title="O que dizem nossas clientes"
|
||||
description="Experiências reais de quem vive a transformação no NailArt Studio."
|
||||
@@ -331,54 +151,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Pronta para realçar seu brilho? Agende seu horário agora e desfrute de um momento único de beleza."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Agora",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Agendar Agora", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Serviços", href: "#pricing" }, { label: "Sobre", href: "#about" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] },
|
||||
{ items: [{ label: "Política de Privacidade", href: "#" }] },
|
||||
]}
|
||||
logoText="NailArt Studio"
|
||||
/>
|
||||
@@ -386,4 +170,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user