Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-21 16:49:01 +00:00
2 changed files with 70 additions and 237 deletions

View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Início",
id: "hero",
},
name: "Início", id: "hero"},
{
name: "Catálogo",
id: "servicos",
},
name: "Catálogo", id: "servicos"},
{
name: "Portfólio",
id: "portfolio",
},
name: "Portfólio", id: "portfolio"},
{
name: "Sobre",
id: "sobre",
},
name: "Sobre", id: "sobre"},
{
name: "Contato",
id: "contato",
},
name: "Contato", id: "contato"},
]}
brandName="Studio Thata"
/>
@@ -58,103 +48,55 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Studio Thata Nails Designer"
description="Arte, beleza e cuidado nas pontas dos seus dedos. Transforme seu visual com técnica de excelência em Rio Preto da Eva."
testimonials={[
{
name: "Camila S.",
handle: "@cams",
testimonial: "Atendimento impecável! Unhas duráveis e design perfeito.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820389.jpg?_wi=1",
imageAlt: "elegant nail salon interior design",
},
name: "Camila S.", handle: "@cams", testimonial: "Atendimento impecável! Unhas duráveis e design perfeito.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820389.jpg?_wi=1", imageAlt: "elegant nail salon interior design"},
{
name: "Bia M.",
handle: "@biam",
testimonial: "A Thata é uma artista. Minha fibra ficou super natural.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3250.jpg?_wi=1",
imageAlt: "elegant nail salon interior design",
},
name: "Bia M.", handle: "@biam", testimonial: "A Thata é uma artista. Minha fibra ficou super natural.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3250.jpg?_wi=1", imageAlt: "elegant nail salon interior design"},
{
name: "Juliana P.",
handle: "@jup",
testimonial: "Melhor nail designer da região, super cuidadosa.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-nails-flowers_23-2149921708.jpg?_wi=1",
imageAlt: "elegant nail salon interior design",
},
name: "Juliana P.", handle: "@jup", testimonial: "Melhor nail designer da região, super cuidadosa.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-nails-flowers_23-2149921708.jpg?_wi=1", imageAlt: "elegant nail salon interior design"},
{
name: "Fernanda L.",
handle: "@ferl",
testimonial: "Ambiente acolhedor e trabalho de alta qualidade.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hands-wearing-blue-pink-nail-polish_23-2149921687.jpg?_wi=1",
imageAlt: "elegant nail salon interior design",
},
name: "Fernanda L.", handle: "@ferl", testimonial: "Ambiente acolhedor e trabalho de alta qualidade.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hands-wearing-blue-pink-nail-polish_23-2149921687.jpg?_wi=1", imageAlt: "elegant nail salon interior design"},
{
name: "Larissa G.",
handle: "@larig",
testimonial: "Apaixonada pelo capricho em cada detalhe!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg?_wi=1",
imageAlt: "elegant nail salon interior design",
},
name: "Larissa G.", handle: "@larig", testimonial: "Apaixonada pelo capricho em cada detalhe!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg?_wi=1", imageAlt: "elegant nail salon interior design"},
]}
buttons={[
{
text: "Agendar Agora",
href: "#contato",
},
text: "Agendar Agora", href: "#contato"},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820389.jpg?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg",
alt: "Cliente sorridente 1",
},
src: "http://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", alt: "Cliente sorridente 1"},
{
src: "http://img.b2bpic.net/free-photo/hands-detail-flamenco-dancer-beautiful-dress-black-back_1301-4253.jpg",
alt: "Cliente sorridente 2",
},
src: "http://img.b2bpic.net/free-photo/hands-detail-flamenco-dancer-beautiful-dress-black-back_1301-4253.jpg", alt: "Cliente sorridente 2"},
{
src: "http://img.b2bpic.net/free-photo/woman-posing-while-holding-apple_23-2148364820.jpg",
alt: "Cliente sorridente 3",
},
src: "http://img.b2bpic.net/free-photo/woman-posing-while-holding-apple_23-2148364820.jpg", alt: "Cliente sorridente 3"},
{
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-hands-waist_1162-23.jpg",
alt: "Cliente sorridente 4",
},
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-hands-waist_1162-23.jpg", alt: "Cliente sorridente 4"},
{
src: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81980.jpg",
alt: "Cliente sorridente 5",
},
src: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81980.jpg", alt: "Cliente sorridente 5"},
]}
marqueeItems={[
{
type: "text",
text: "Alongamento",
},
type: "text", text: "Alongamento"},
{
type: "text",
text: "Manicure",
},
type: "text", text: "Manicure"},
{
type: "text",
text: "Esmaltação em Gel",
},
type: "text", text: "Esmaltação em Gel"},
{
type: "text",
text: "Nail Art",
},
type: "text", text: "Nail Art"},
{
type: "text",
text: "Estética",
},
type: "text", text: "Estética"},
]}
/>
</div>
@@ -167,20 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Manicure e Pedicure",
description: "Acabamento clássico, cuidadoso e impecável para suas mãos e pés.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3250.jpg?_wi=2",
},
title: "Manicure e Pedicure", description: "Acabamento clássico, cuidadoso e impecável para suas mãos e pés.", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3250.jpg?_wi=2"},
{
title: "Alongamento em Fibra",
description: "Unhas finas, resistentes e com aspecto extremamente natural.",
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-nails-flowers_23-2149921708.jpg?_wi=2",
},
title: "Alongamento em Fibra", description: "Unhas finas, resistentes e com aspecto extremamente natural.", imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-nails-flowers_23-2149921708.jpg?_wi=2"},
{
title: "Esmaltação em Gel",
description: "Durabilidade prolongada com brilho intenso e técnicas modernas.",
imageSrc: "http://img.b2bpic.net/free-photo/hands-wearing-blue-pink-nail-polish_23-2149921687.jpg?_wi=2",
},
title: "Esmaltação em Gel", description: "Durabilidade prolongada com brilho intenso e técnicas modernas.", imageSrc: "http://img.b2bpic.net/free-photo/hands-wearing-blue-pink-nail-polish_23-2149921687.jpg?_wi=2"},
]}
title="O que fazemos com amor"
description="Serviços especializados em Nail Design e estética com foco em qualidade e durabilidade."
@@ -195,47 +128,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Gel Lilás",
price: "R$ 130",
variant: "Fibra",
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg",
},
id: "p1", name: "Gel Lilás", price: "R$ 130", variant: "Fibra", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-christmas-new-year-nail-design-nude-beige-nail-polish-manicure-one-finger-shiny-golden-bronze_343596-4492.jpg"},
{
id: "p2",
name: "French Branca",
price: "R$ 140",
variant: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-coffee-cup_23-2149820390.jpg",
},
id: "p2", name: "French Branca", price: "R$ 140", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-coffee-cup_23-2149820390.jpg"},
{
id: "p3",
name: "French Vinho",
price: "R$ 140",
variant: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262886.jpg",
},
id: "p3", name: "French Vinho", price: "R$ 140", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262886.jpg"},
{
id: "p4",
name: "Fibra Terracota",
price: "R$ 130",
variant: "Fibra",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg?_wi=2",
},
id: "p4", name: "Fibra Terracota", price: "R$ 130", variant: "Fibra", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg?_wi=2"},
{
id: "p5",
name: "French Foil",
price: "R$ 140",
variant: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820410.jpg",
},
id: "p5", name: "French Foil", price: "R$ 140", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-glass_23-2149820410.jpg"},
{
id: "p6",
name: "French Dourada",
price: "R$ 140",
variant: "Art",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg",
},
id: "p6", name: "French Dourada", price: "R$ 140", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg"},
]}
title="Portfólio de Obras"
description="Cada unha é uma pequena obra de arte feita com dedicação exclusiva."
@@ -247,10 +150,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Olá, sou a Thata! 👑"
description={[
"Nail designer e esteticista apaixonada pela arte de cuidar.",
"Aqui você encontra serviços de Nail Design, Estética Facial e Corporal — tudo com atenção exclusiva, técnica apurada e muito carinho.",
"Meu estúdio é o seu espaço de mimo.",
]}
"Nail designer e esteticista apaixonada pela arte de cuidar.", "Aqui você encontra serviços de Nail Design, Estética Facial e Corporal — tudo com atenção exclusiva, técnica apurada e muito carinho.", "Meu estúdio é o seu espaço de mimo."]}
/>
</div>
@@ -260,60 +160,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
date: "10/01/2025",
title: "Cliente Verificada",
quote: "Atendimento incrível e resultado perfeito!",
tag: "Google",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-assertive-confident-beautiful-girl-with-blond-shor-curly-hair-white-dress-showing-okay-signs-as-assure-no-problem-smiling-nod-approval-recommend-guarantee-quality_1258-92883.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820389.jpg?_wi=3",
imageAlt: "happy client nail salon portrait",
},
id: "t1", name: "Sarah Johnson", date: "10/01/2025", title: "Cliente Verificada", quote: "Atendimento incrível e resultado perfeito!", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-assertive-confident-beautiful-girl-with-blond-shor-curly-hair-white-dress-showing-okay-signs-as-assure-no-problem-smiling-nod-approval-recommend-guarantee-quality_1258-92883.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820389.jpg?_wi=3", imageAlt: "happy client nail salon portrait"},
{
id: "t2",
name: "Michael Chen",
date: "15/01/2025",
title: "Cliente Verificada",
quote: "A melhor nail designer da região!",
tag: "Google",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-sexy-beautiful-woman-isolated-pink-background-smiling-elegant-style-red-lips-spring-fashion-trend-happy-face-expression-looking-camera-positive-emotion-holding-hands-up_285396-2678.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3250.jpg?_wi=3",
imageAlt: "happy client nail salon portrait",
},
id: "t2", name: "Michael Chen", date: "15/01/2025", title: "Cliente Verificada", quote: "A melhor nail designer da região!", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-sexy-beautiful-woman-isolated-pink-background-smiling-elegant-style-red-lips-spring-fashion-trend-happy-face-expression-looking-camera-positive-emotion-holding-hands-up_285396-2678.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-with-red-manicure-two-rings-fingers-beautiful-green-palm-leaf-tropical-gray-wall_343596-3250.jpg?_wi=3", imageAlt: "happy client nail salon portrait"},
{
id: "t3",
name: "Emily R.",
date: "20/01/2025",
title: "Cliente Verificada",
quote: "Estúdio lindo e aconchegante.",
tag: "Google",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-lip-filler-close-up_23-2149313544.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-nails-flowers_23-2149921708.jpg?_wi=3",
imageAlt: "happy client nail salon portrait",
},
id: "t3", name: "Emily R.", date: "20/01/2025", title: "Cliente Verificada", quote: "Estúdio lindo e aconchegante.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-getting-lip-filler-close-up_23-2149313544.jpg", imageSrc: "http://img.b2bpic.net/free-photo/model-with-beautiful-nails-flowers_23-2149921708.jpg?_wi=3", imageAlt: "happy client nail salon portrait"},
{
id: "t4",
name: "David Kim",
date: "25/01/2025",
title: "Cliente Verificada",
quote: "Profissional excelente.",
tag: "Google",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-attractive-charismatic-woman-isolated_273609-35321.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/hands-wearing-blue-pink-nail-polish_23-2149921687.jpg?_wi=3",
imageAlt: "happy client nail salon portrait",
},
id: "t4", name: "David Kim", date: "25/01/2025", title: "Cliente Verificada", quote: "Profissional excelente.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-attractive-charismatic-woman-isolated_273609-35321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-wearing-blue-pink-nail-polish_23-2149921687.jpg?_wi=3", imageAlt: "happy client nail salon portrait"},
{
id: "t5",
name: "Ana Silva",
date: "30/01/2025",
title: "Cliente Verificada",
quote: "Resultado impecável e ambiente muito agradável.",
tag: "Google",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-pin-up-girl-wearing-white-shirt-red-headscarf-making-approving-gesture-with-both-hands_343059-1099.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg?_wi=3",
imageAlt: "happy client nail salon portrait",
},
id: "t5", name: "Ana Silva", date: "30/01/2025", title: "Cliente Verificada", quote: "Resultado impecável e ambiente muito agradável.", tag: "Google", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-gorgeous-pin-up-girl-wearing-white-shirt-red-headscarf-making-approving-gesture-with-both-hands_343059-1099.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-book_23-2149820418.jpg?_wi=3", imageAlt: "happy client nail salon portrait"},
]}
title="O que dizem as clientes"
description="Nossa missão é deixar você satisfeita e ainda mais linda."
@@ -326,25 +181,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Agendamentos",
content: "Realizados somente com antecedência, com sinal de 50% via PIX.",
},
id: "f1", title: "Agendamentos", content: "Realizados somente com antecedência, com sinal de 50% via PIX."},
{
id: "f2",
title: "Política de Cancelamento",
content: "Em caso de desistência, o sinal não será reembolsado.",
},
id: "f2", title: "Política de Cancelamento", content: "Em caso de desistência, o sinal não será reembolsado."},
{
id: "f3",
title: "Pontualidade",
content: "Atrasos podem gerar cancelamento ou redução do procedimento.",
},
id: "f3", title: "Pontualidade", content: "Atrasos podem gerar cancelamento ou redução do procedimento."},
{
id: "f4",
title: "Pagamento",
content: "Aceitamos PIX e dinheiro. Não trabalhamos com fiado.",
},
id: "f4", title: "Pagamento", content: "Aceitamos PIX e dinheiro. Não trabalhamos com fiado."},
]}
title="Regras do Studio"
description="Informações importantes para garantir a qualidade do seu atendimento."
@@ -353,50 +196,40 @@ export default function LandingPage() {
</div>
<div id="contato" data-section="contato">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
<ContactCTA
tag="Contato"
title="Agende seu horário"
description="Fale direto com a Thata via WhatsApp e reserve seu mimo."
buttonText="WhatsApp"
buttons={[
{
text: "WhatsApp", href: "https://wa.me/5592991166432"},
]}
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterMedia
logoText="Studio Thata"
imageSrc="http://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails_23-2149820389.jpg?_wi=2"
columns={[
{
title: "Links Rápidos",
items: [
title: "Links Rápidos", items: [
{
label: "Início",
href: "#hero",
},
label: "Início", href: "#hero"},
{
label: "Catálogo",
href: "#servicos",
},
label: "Catálogo", href: "#servicos"},
{
label: "Instagram",
href: "https://instagram.com/_studiodathata",
},
label: "Instagram", href: "https://instagram.com/_studiodathata"},
],
},
{
title: "Contato",
items: [
title: "Contato", items: [
{
label: "WhatsApp",
href: "https://wa.me/5592991166432",
},
label: "WhatsApp", href: "https://wa.me/5592991166432"},
{
label: "Endereço",
href: "#",
},
label: "Endereço", href: "#"},
],
},
]}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fff9fb;
--background: #fdf8fa;
--card: #ffffff;
--foreground: #333333;
--primary-cta: #e91e63;
--foreground: #4a3b42;
--primary-cta: #d68a9d;
--primary-cta-text: #ffffff;
--secondary-cta: #25d366;
--secondary-cta: #f0c3d0;
--secondary-cta-text: #ffffff;
--accent: #d4af37;
--background-accent: #fce4ec;
--accent: #b892a0;
--background-accent: #f9eef2;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);