Merge version_1 into main #1
443
src/app/page.tsx
443
src/app/page.tsx
@@ -20,324 +20,153 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="WS Marcenaria"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Produtos", id: "products" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="WS Marcenaria"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Arte da Marcenaria sob Medida"
|
||||
description="Transformamos madeira em sonhos. Soluções personalizadas, design exclusivo e qualidade inigualável para o seu lar em São Paulo."
|
||||
tag="WS Marcenaria"
|
||||
buttons={[
|
||||
{
|
||||
text: "Peça um Orçamento",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-background_23-2147773387.jpg",
|
||||
imageAlt: "Marceneiro WS no trabalho",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104774.jpg",
|
||||
imageAlt: "WS Marcenaria detalhe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104730.jpg",
|
||||
imageAlt: "Full shot artisan doing woodcutting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sunlit-artist-s-workshop_23-2151949039.jpg",
|
||||
imageAlt: "Sunlit artist's workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-business-opportunity-woodwork-workshop_1163-3135.jpg",
|
||||
imageAlt: "Artisan business opportunity in woodwork workshop",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="11 avaliações 5 estrelas"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Arte da Marcenaria sob Medida"
|
||||
description="Transformamos madeira em sonhos. Soluções personalizadas, design exclusivo e qualidade inigualável para o seu lar em São Paulo."
|
||||
tag="WS Marcenaria"
|
||||
buttons={[{ text: "Peça um Orçamento", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpentry-background_23-2147773387.jpg", imageAlt: "Marceneiro WS no trabalho" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104774.jpg", imageAlt: "WS Marcenaria detalhe" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="11 avaliações 5 estrelas"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Excelência e Profissionalismo"
|
||||
description="Na WS Marcenaria, unimos técnica tradicional com design moderno. Nosso compromisso é entregar móveis que unem beleza e durabilidade, garantindo a satisfação total de cada cliente."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Qualidade Comprovada",
|
||||
description: "Marcenaria com avaliação 3.9/5 e feedback positivo.",
|
||||
},
|
||||
{
|
||||
title: "Atendimento Acolhedor",
|
||||
description: "Empresa que respeita e acolhe toda a comunidade.",
|
||||
},
|
||||
{
|
||||
title: "Entrega Pontual",
|
||||
description: "Respeito total aos prazos e projetos acordados.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_23-2150104886.jpg"
|
||||
imageAlt="Nosso Workshop"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Excelência e Profissionalismo"
|
||||
description="Na WS Marcenaria, unimos técnica tradicional com design moderno. Nosso compromisso é entregar móveis que unem beleza e durabilidade, garantindo a satisfação total de cada cliente."
|
||||
bulletPoints={[
|
||||
{ title: "Qualidade Comprovada", description: "Marcenaria com avaliação 3.9/5 e feedback positivo." },
|
||||
{ title: "Atendimento Acolhedor", description: "Empresa que respeita e acolhe toda a comunidade." },
|
||||
{ title: "Entrega Pontual", description: "Respeito total aos prazos e projetos acordados." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_23-2150104886.jpg"
|
||||
imageAlt="Nosso Workshop"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Projetos Sob Medida",
|
||||
description: "Atendemos cozinhas, quartos e espaços comerciais.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-opens-modern-kitchen-drawer-minimal-storage_169016-71025.jpg",
|
||||
},
|
||||
{
|
||||
title: "Design Contemporâneo",
|
||||
description: "Sofisticação e funcionalidade para seu dia a dia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784416.jpg",
|
||||
},
|
||||
{
|
||||
title: "Acabamento Premium",
|
||||
description: "Cuidado em cada detalhe, das ferragens à madeira.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-overalls-doing-his-work-car-shop_23-2149750009.jpg",
|
||||
},
|
||||
]}
|
||||
title="O que nos define"
|
||||
description="Trabalhamos com os melhores materiais para entregar móveis que duram gerações."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Projetos Sob Medida", description: "Atendemos cozinhas, quartos e espaços comerciais.", imageSrc: "http://img.b2bpic.net/free-photo/hand-opens-modern-kitchen-drawer-minimal-storage_169016-71025.jpg" },
|
||||
{ title: "Design Contemporâneo", description: "Sofisticação e funcionalidade para seu dia a dia.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-writing-love-letter_23-2150784416.jpg" },
|
||||
{ title: "Acabamento Premium", description: "Cuidado em cada detalhe, das ferragens à madeira.", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-overalls-doing-his-work-car-shop_23-2149750009.jpg" },
|
||||
]}
|
||||
title="O que nos define"
|
||||
description="Trabalhamos com os melhores materiais para entregar móveis que duram gerações."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cozinha Americana",
|
||||
price: "Sob consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Guarda-roupa Planejado",
|
||||
price: "Sob consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497267.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rack para TV",
|
||||
price: "Sob consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-cutlery-organizer-minimalist-aesthetics_169016-68940.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mesa de Jantar",
|
||||
price: "Sob consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-with-storage-space-footwear_23-2150839940.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Armário de Quarto",
|
||||
price: "Sob consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-desk-with-drawers-lamp-modern-home-setting_23-2151988657.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Escritório Home Office",
|
||||
price: "Sob consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749934.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nossos Projetos em Destaque"
|
||||
description="Veja o resultado do que produzimos com paixão e precisão."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Cozinha Americana", price: "Sob consulta", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-background-zoom-calls_23-2149684457.jpg" },
|
||||
{ id: "p2", name: "Guarda-roupa Planejado", price: "Sob consulta", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497267.jpg" },
|
||||
{ id: "p3", name: "Rack para TV", price: "Sob consulta", imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-cutlery-organizer-minimalist-aesthetics_169016-68940.jpg" },
|
||||
{ id: "p4", name: "Mesa de Jantar", price: "Sob consulta", imageSrc: "http://img.b2bpic.net/free-photo/view-shoe-rack-with-storage-space-footwear_23-2150839940.jpg" },
|
||||
]}
|
||||
title="Nossos Projetos em Destaque"
|
||||
description="Veja o resultado do que produzimos com paixão e precisão."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Cliente 1",
|
||||
handle: "@cliente1",
|
||||
testimonial: "O profissionalismo e o custo benefício me surpreenderam.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-has-phone-conversation-gestures-with-one-hand-tries-explain-route-his-new-apartment-wears-yellow-hat_273609-33193.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Cliente 2",
|
||||
handle: "@cliente2",
|
||||
testimonial: "Trabalho excelente, muito bem executado.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Cliente 3",
|
||||
handle: "@cliente3",
|
||||
testimonial: "WS Marcenaria é sinônimo de qualidade.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-couple-cooking-home_23-2148329337.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Cliente 4",
|
||||
handle: "@cliente4",
|
||||
testimonial: "Super atenciosos e pontuais na entrega.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-movie-streaming-service_23-2149026157.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Cliente 5",
|
||||
handle: "@cliente5",
|
||||
testimonial: "Móveis lindos e acabamento impecável.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-announcing-pregnancy-videocall_23-2150167515.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Clientes satisfeitos que recomendam nosso trabalho."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Cliente 1", handle: "@cliente1", testimonial: "O profissionalismo e o custo benefício me surpreenderam.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-has-phone-conversation-gestures-with-one-hand-tries-explain-route-his-new-apartment-wears-yellow-hat_273609-33193.jpg" },
|
||||
{ id: "t2", name: "Cliente 2", handle: "@cliente2", testimonial: "Trabalho excelente, muito bem executado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glad-african-american-young-woman-rests-alone-coffee-shop-has-delighted-look-rests-after-work-laptop-computer-has-positive-expression_273609-3414.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Clientes satisfeitos que recomendam nosso trabalho."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Atendem toda SP?",
|
||||
content: "Sim, atendemos a região de São Paulo conforme nossa localização em Vitória Régia.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como faço um orçamento?",
|
||||
content: "Entre em contato via WhatsApp (11) 97893-9988.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Qual o horário de funcionamento?",
|
||||
content: "Abre seg. às 09:00.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
sideDescription="Respondemos as questões mais importantes sobre nossos projetos."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Atendem toda SP?", content: "Sim, atendemos a região de São Paulo conforme nossa localização em Vitória Régia." },
|
||||
{ id: "f2", title: "Como faço um orçamento?", content: "Entre em contato via WhatsApp (11) 97893-9988." },
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
sideDescription="Respondemos as questões mais importantes sobre nossos projetos."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Certificação Eco-Madeira",
|
||||
"Associação dos Marceneiros",
|
||||
"Guilda de Carpintaria",
|
||||
"Selo de Qualidade Interior",
|
||||
"Parceiro Sustentável",
|
||||
"Certificação Local SP",
|
||||
"Design Excellence",
|
||||
]}
|
||||
title="Nossos Parceiros e Certificações"
|
||||
description="Compromisso com a qualidade e sustentabilidade em cada etapa."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Certificação Eco-Madeira", "Associação dos Marceneiros"]}
|
||||
title="Nossos Parceiros e Certificações"
|
||||
description="Compromisso com a qualidade e sustentabilidade em cada etapa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Fale com a gente"
|
||||
title="Vamos planejar seu projeto?"
|
||||
description="Estamos prontos para transformar seu ambiente. Entre em contato e peça uma visita ou orçamento sem compromisso."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp (11) 97893-9988",
|
||||
href: "https://wa.me/5511978939988",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Fale com a gente"
|
||||
title="Vamos planejar seu projeto?"
|
||||
description="Estamos prontos para transformar seu ambiente. Entre em contato e peça uma visita ou orçamento sem compromisso."
|
||||
buttons={[{ text: "WhatsApp (11) 97893-9988", href: "https://wa.me/5511978939988" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15319.jpg"
|
||||
logoText="WS Marcenaria"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5511978939988",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | WS Marcenaria"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-tools-placed-wooden-floors_1150-15319.jpg"
|
||||
logoText="WS Marcenaria"
|
||||
columns={[{ title: "Links", items: [{ label: "Início", href: "#hero" }, { label: "Produtos", href: "#products" }] }]}
|
||||
copyrightText="© 2025 | WS Marcenaria"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user