Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 01:16:08 +00:00

View File

@@ -16,353 +16,161 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Produtos",
id: "produtos",
},
{
name: "Nossas Lojas",
id: "visite-loja",
},
{
name: "FAQ",
id: "faq",
},
]}
brandName="Colchoflex"
button={{
text: "WhatsApp",
href: "#",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Início", id: "hero" },
{ name: "Produtos", id: "produtos" },
{ name: "Nossas Lojas", id: "visite-loja" },
{ name: "FAQ", id: "faq" }
]}
brandName="Colchoflex"
button={{ text: "WhatsApp", href: "#" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "plain",
}}
title="Você não precisa mais acordar com dor."
description="Descubra o suporte perfeito para um sono reparador. Em mais de 35 anos, transformamos as noites de milhares de paulistas com atendimento especializado."
buttons={[
{
text: "Ver loja mais próxima",
href: "#visite-loja",
},
{
text: "Falar no WhatsApp",
href: "#",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg?_wi=1"
imageAlt="Ambiente de quarto aconchegante"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
alt: "Cliente satisfeito",
},
{
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
alt: "Cliente satisfeito",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
alt: "Cliente satisfeito",
},
{
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
alt: "Cliente satisfeito",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-home_641386-949.jpg",
alt: "Cliente satisfeito",
},
]}
avatarText="Mais de 10.000 clientes satisfeitos"
marqueeItems={[
{
type: "text",
text: "35 Anos de Tradição",
},
{
type: "text",
text: "Conforto Premium",
},
{
type: "text",
text: "Suporte Especializado",
},
{
type: "text",
text: "Entrega Rápida",
},
{
type: "text",
text: "Qualidade Garantida",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Você não precisa mais acordar com dor."
description="Descubra o suporte perfeito para um sono reparador. Em mais de 35 anos, transformamos as noites de milhares de paulistas com atendimento especializado."
buttons={[{ text: "Ver loja mais próxima", href: "#visite-loja" }, { text: "Falar no WhatsApp", href: "#" }]}
imageSrc="http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg"
imageAlt="Ambiente de quarto aconchegante"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Cliente satisfeito" },
{ src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Cliente satisfeito" },
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Cliente satisfeito" },
{ src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Cliente satisfeito" },
{ src: "http://img.b2bpic.net/free-photo/portrait-man-home_641386-949.jpg", alt: "Cliente satisfeito" }
]}
avatarText="Mais de 10.000 clientes satisfeitos"
marqueeItems={[{ type: "text", text: "35 Anos de Tradição" }, { type: "text", text: "Conforto Premium" }, { type: "text", text: "Suporte Especializado" }, { type: "text", text: "Entrega Rápida" }, { type: "text", text: "Qualidade Garantida" }]}
/>
</div>
<div id="dores" data-section="dores">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "Dores nas costas",
description: "Sente desconforto ao acordar?",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg?_wi=1",
},
{
id: "2",
title: "Insônia",
description: "Dificuldade para manter o sono?",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-male-figure-doing-crunch-exercise-showing-muscles-used_1048-6118.jpg",
},
{
id: "3",
title: "Desconforto",
description: "Colchão afundando ou irregular?",
imageSrc: "http://img.b2bpic.net/free-photo/cool-money-happy-friendly-background_1127-2675.jpg",
},
]}
title="Cansado de noites mal dormidas?"
description="Identificamos os vilões do seu descanso."
/>
</div>
<div id="dores" data-section="dores">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Cansado de noites mal dormidas?"
description="Identificamos os vilões do seu descanso."
features={[
{ id: "1", title: "Dores nas costas", description: "Sente desconforto ao acordar?", tag: "Alívio", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg" },
{ id: "2", title: "Insônia", description: "Dificuldade para manter o sono?", tag: "Sono", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-male-figure-doing-crunch-exercise-showing-muscles-used_1048-6118.jpg" },
{ id: "3", title: "Desconforto", description: "Colchão afundando ou irregular?", tag: "Conforto", imageSrc: "http://img.b2bpic.net/free-photo/cool-money-happy-friendly-background_1127-2675.jpg" }
]}
/>
</div>
<div id="transformacao" data-section="transformacao">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "O sono que muda o seu dia.",
},
]}
/>
</div>
<div id="transformacao" data-section="transformacao">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[{ type: "text", content: "O sono que muda o seu dia." }]}
/>
</div>
<div id="autoridade" data-section="autoridade">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "35+",
description: "Anos no mercado",
},
{
id: "2",
value: "8+",
description: "Cidades atendidas",
},
{
id: "3",
value: "100%",
description: "Atendimento humano",
},
]}
title="Tradição e Confiança"
description="35 anos de experiência cuidando de você."
/>
</div>
<div id="autoridade" data-section="autoridade">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "35+", description: "Anos no mercado" },
{ id: "2", value: "8+", description: "Cidades atendidas" },
{ id: "3", value: "100%", description: "Atendimento humano" }
]}
title="Tradição e Confiança"
description="35 anos de experiência cuidando de você."
/>
</div>
<div id="produtos" data-section="produtos">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Colchão Premium",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg?_wi=1",
},
{
id: "2",
name: "Custo-Benefício",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg?_wi=1",
},
{
id: "3",
name: "Ortopédico",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg?_wi=1",
},
{
id: "4",
name: "Premium Plus",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-adult-woman-waking-up_23-2148440184.jpg",
},
{
id: "5",
name: "Ideal Comfort",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8984.jpg",
},
{
id: "6",
name: "Ergonomic Max",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-lying-bed-resting-home-white-linen-sheets-looking-with-pleased_1258-204210.jpg",
},
]}
title="Nossa Seleção"
description="Qualidade para cada necessidade."
/>
</div>
<div id="produtos" data-section="produtos">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
title="Nossa Seleção"
description="Qualidade para cada necessidade."
products={[
{ id: "1", name: "Colchão Premium", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg" },
{ id: "2", name: "Custo-Benefício", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg" },
{ id: "3", name: "Ortopédico", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg" },
{ id: "4", name: "Premium Plus", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-adult-woman-waking-up_23-2148440184.jpg" },
{ id: "5", name: "Ideal Comfort", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8984.jpg" },
{ id: "6", name: "Ergonomic Max", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-lying-bed-resting-home-white-linen-sheets-looking-with-pleased_1258-204210.jpg" }
]}
/>
</div>
<div id="prova-social" data-section="prova-social">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maria Silva",
date: "10/05/2024",
title: "Excelente!",
quote: "Minha coluna agradece.",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
{
id: "2",
name: "Joao Souza",
date: "15/04/2024",
title: "Ótimo atendimento.",
quote: "Muito profissional.",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-leaning-sofa-holding-book-hand-against-white-backdrop_23-2148043515.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
{
id: "3",
name: "Ana Oliveira",
date: "20/03/2024",
title: "Sono perfeito.",
quote: "Valeu o investimento.",
avatarSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
{
id: "4",
name: "Pedro Santos",
date: "05/02/2024",
title: "Entrega rápida.",
quote: "Tudo perfeito.",
avatarSrc: "http://img.b2bpic.net/free-photo/modern-woman-enjoying-cup-coffee_23-2148937727.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
{
id: "5",
name: "Carla Lima",
date: "10/01/2024",
title: "Loja incrível.",
quote: "Recomendo muito.",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-pink-wall_179666-2804.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
]}
title="Quem dorme bem, recomenda."
description="Veja o que nossos clientes dizem sobre a Colchoflex."
/>
</div>
<div id="prova-social" data-section="prova-social">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
title="Quem dorme bem, recomenda."
description="Veja o que nossos clientes dizem sobre a Colchoflex."
testimonials={[
{ id: "1", tag: "Avaliação", name: "Maria Silva", date: "10/05/2024", title: "Excelente!", quote: "Minha coluna agradece.", avatarSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg", imageAlt: "happy customer portrait" },
{ id: "2", tag: "Avaliação", name: "Joao Souza", date: "15/04/2024", title: "Ótimo atendimento.", quote: "Muito profissional.", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-leaning-sofa-holding-book-hand-against-white-backdrop_23-2148043515.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-having-back-pain_53876-144792.jpg", imageAlt: "happy customer portrait" },
{ id: "3", tag: "Avaliação", name: "Ana Oliveira", date: "20/03/2024", title: "Sono perfeito.", quote: "Valeu o investimento.", avatarSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-lying-her-stomach-bed-wearing-stylish-black-lingerie-striped-boyfriend-shirt_273443-3112.jpg", imageAlt: "happy customer portrait" },
{ id: "4", tag: "Avaliação", name: "Pedro Santos", date: "05/02/2024", title: "Entrega rápida.", quote: "Tudo perfeito.", avatarSrc: "http://img.b2bpic.net/free-photo/modern-woman-enjoying-cup-coffee_23-2148937727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-blue-pajamas-laying-bed_141793-46980.jpg", imageAlt: "happy customer portrait" },
{ id: "5", tag: "Avaliação", name: "Carla Lima", date: "10/01/2024", title: "Loja incrível.", quote: "Recomendo muito.", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-pink-wall_179666-2804.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-sheets-decor_23-2150551160.jpg", imageAlt: "happy customer portrait" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Qual colchão ideal?",
content: "Nosso atendimento ajuda na escolha.",
},
{
id: "2",
name: "Como é a entrega?",
content: "Entrega rápida e segura.",
},
{
id: "3",
name: "Aceitam parcelamento?",
content: "Sim, facilitamos o pagamento.",
},
{
id: "4",
name: "Tem garantia?",
content: "Sim, todos os nossos produtos possuem garantia de fábrica.",
},
{
id: "5",
name: "Posso testar na loja?",
content: "Claro, convidamos você a visitar uma de nossas unidades.",
},
]}
title="Dúvidas Frequentes"
faqsAnimation="slide-up"
description="Estamos aqui para ajudar com sua escolha."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
title="Dúvidas Frequentes"
description="Estamos aqui para ajudar com sua escolha."
faqsAnimation="slide-up"
faqs={[
{ id: "1", title: "Qual colchão ideal?", content: "Nosso atendimento ajuda na escolha." },
{ id: "2", title: "Como é a entrega?", content: "Entrega rápida e segura." },
{ id: "3", title: "Aceitam parcelamento?", content: "Sim, facilitamos o pagamento." },
{ id: "4", title: "Tem garantia?", content: "Sim, todos os nossos produtos possuem garantia de fábrica." },
{ id: "5", title: "Posso testar na loja?", content: "Claro, convidamos você a visitar uma de nossas unidades." }
]}
/>
</div>
<div id="visite-loja" data-section="visite-loja">
<ContactSplitForm
useInvertedBackground={false}
title="Visite uma loja perto de você"
description="Jundiaí, Itu, Sorocaba e região. Agende sua visita."
inputs={[
{
name: "nome",
type: "text",
placeholder: "Nome",
required: true,
},
{
name: "whatsapp",
type: "tel",
placeholder: "WhatsApp",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551126.jpg"
/>
</div>
<div id="visite-loja" data-section="visite-loja">
<ContactSplitForm
useInvertedBackground={false}
title="Visite uma loja perto de você"
description="Jundiaí, Itu, Sorocaba e região. Agende sua visita."
inputs={[
{ name: "nome", type: "text", placeholder: "Nome", required: true },
{ name: "whatsapp", type: "tel", placeholder: "WhatsApp", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551126.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Colchoflex"
copyrightText="© 2025 Colchoflex. Todos os direitos reservados."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Colchoflex"
copyrightText="© 2025 Colchoflex. Todos os direitos reservados."
/>
</div>
</ReactLenis>
</ThemeProvider>
);