bender/d56bc1f2-5890-4d49-bc44-03dee0e9cbca
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-12 00:52:10 +00:00
parent be25674ba4 5fae3961b4
commit cb6f64046e
2 changed files with 54 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Início",
id: "hero",
},
name: "Início", id: "hero"},
{
name: "Nossa História",
id: "about",
},
name: "Nossa História", id: "about"},
{
name: "Produtos",
id: "products",
},
name: "Produtos", id: "products"},
{
name: "Contato",
id: "contact",
},
name: "Contato", id: "contact"},
]}
brandName="SonoPerfeito"
/>
@@ -56,98 +48,57 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="O sono que você merece"
description="Transforme suas noites com a nossa tecnologia de ponta em conforto e suporte."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg?_wi=1",
imageAlt: "Luxo",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg?_wi=1", imageAlt: "Luxo"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-bed-after-wake-up_158595-2298.jpg?_wi=1",
imageAlt: "Conforto",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-bed-after-wake-up_158595-2298.jpg?_wi=1", imageAlt: "Conforto"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-korean-girl-stretching-hands-lying-bed-mornings-bedroom-with-luxurious-hotel_1258-191157.jpg",
imageAlt: "Qualidade",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-korean-girl-stretching-hands-lying-bed-mornings-bedroom-with-luxurious-hotel_1258-191157.jpg", imageAlt: "Qualidade"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-neutral-tones-warm-lighting_23-2152001399.jpg",
imageAlt: "Suporte",
},
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-with-neutral-tones-warm-lighting_23-2152001399.jpg", imageAlt: "Suporte"},
{
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-having-pillow-fight-bed_23-2147862648.jpg",
imageAlt: "Tecnologia",
},
imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-couple-having-pillow-fight-bed_23-2147862648.jpg", imageAlt: "Tecnologia"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3858.jpg",
imageAlt: "Luxo",
},
imageSrc: "http://img.b2bpic.net/free-photo/bedroom_74190-3858.jpg", imageAlt: "Luxo"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6472.jpg",
imageAlt: "Conforto",
},
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6472.jpg", imageAlt: "Conforto"},
{
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-bed-teenage-girl-her-bedroom-girl-sleeping-bed_169016-67502.jpg",
imageAlt: "Qualidade",
},
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-bed-teenage-girl-her-bedroom-girl-sleeping-bed_169016-67502.jpg", imageAlt: "Qualidade"},
{
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg",
imageAlt: "Suporte",
},
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg", imageAlt: "Suporte"},
{
imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-bed_23-2149427956.jpg",
imageAlt: "Inovação",
},
imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-bed_23-2149427956.jpg", imageAlt: "Inovação"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497279.jpg",
alt: "Cliente satisfeito 1",
},
src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497279.jpg", alt: "Cliente satisfeito 1"},
{
src: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160128.jpg",
alt: "Cliente satisfeito 2",
},
src: "http://img.b2bpic.net/free-photo/mix-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160128.jpg", alt: "Cliente satisfeito 2"},
{
src: "http://img.b2bpic.net/free-photo/full-shot-woman-girl-meditating-bed_23-2149101645.jpg",
alt: "Cliente satisfeito 3",
},
src: "http://img.b2bpic.net/free-photo/full-shot-woman-girl-meditating-bed_23-2149101645.jpg", alt: "Cliente satisfeito 3"},
{
src: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg",
alt: "Cliente satisfeito 4",
},
src: "http://img.b2bpic.net/free-photo/full-shot-pregnant-woman-laying-bed_23-2149072928.jpg", alt: "Cliente satisfeito 4"},
{
src: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement_23-2150326160.jpg",
alt: "Cliente satisfeito 5",
},
src: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement_23-2150326160.jpg", alt: "Cliente satisfeito 5"},
]}
avatarText="+10k clientes satisfeitos"
marqueeItems={[
{
type: "text",
text: "Certificado de Qualidade",
},
type: "text", text: "Certificado de Qualidade"},
{
type: "text",
text: "Frete Grátis",
},
type: "text", text: "Frete Grátis"},
{
type: "text",
text: "Garantia Estendida",
},
type: "text", text: "Garantia Estendida"},
{
type: "text",
text: "Suporte 24h",
},
type: "text", text: "Suporte 24h"},
{
type: "text",
text: "Tecnologia Ortopédica",
},
type: "text", text: "Tecnologia Ortopédica"},
]}
/>
</div>
@@ -172,29 +123,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "1",
title: "Suporte Ortopédico",
description: "Alinhamento perfeito da coluna durante todo o sono.",
tag: "Tecnologia",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-home-bed_1157-31071.jpg",
imageAlt: "bedroom interior soft bedding",
},
id: "1", title: "Suporte Ortopédico", description: "Alinhamento perfeito da coluna durante todo o sono.", tag: "Tecnologia", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-home-bed_1157-31071.jpg", imageAlt: "bedroom interior soft bedding"},
{
id: "2",
title: "Tecido Respirável",
description: "Materiais que regulam a temperatura corporal naturalmente.",
tag: "Conforto",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg?_wi=2",
imageAlt: "bedroom interior soft bedding",
},
id: "2", title: "Tecido Respirável", description: "Materiais que regulam a temperatura corporal naturalmente.", tag: "Conforto", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg?_wi=2", imageAlt: "bedroom interior soft bedding"},
{
id: "3",
title: "Durabilidade Extrema",
description: "Materiais resistentes para anos de uso contínuo.",
tag: "Resistência",
imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-bed-after-wake-up_158595-2298.jpg?_wi=2",
imageAlt: "bedroom interior soft bedding",
},
id: "3", title: "Durabilidade Extrema", description: "Materiais resistentes para anos de uso contínuo.", tag: "Resistência", imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-bed-after-wake-up_158595-2298.jpg?_wi=2", imageAlt: "bedroom interior soft bedding"},
]}
title="Por que escolher a SonoPerfeito?"
description="Tecnologia e design pensados na sua saúde."
@@ -209,41 +142,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Colchão Gold",
price: "R$ 3.500",
imageSrc: "http://img.b2bpic.net/free-photo/gift-box-bed_23-2147722757.jpg",
},
id: "1", name: "Colchão Gold", price: "R$ 3.500", imageSrc: "http://img.b2bpic.net/free-photo/gift-box-bed_23-2147722757.jpg"},
{
id: "2",
name: "Colchão Comfort",
price: "R$ 2.800",
imageSrc: "http://img.b2bpic.net/free-photo/couch-with-red-cushion_1203-686.jpg",
},
id: "2", name: "Colchão Comfort", price: "R$ 2.800", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-red-cushion_1203-686.jpg"},
{
id: "3",
name: "Colchão Hybrid",
price: "R$ 4.200",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-sofa-with-fluffy-clouds_23-2151113482.jpg",
},
id: "3", name: "Colchão Hybrid", price: "R$ 4.200", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-sofa-with-fluffy-clouds_23-2151113482.jpg"},
{
id: "4",
name: "Colchão Queen",
price: "R$ 3.000",
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-rumpled-bed_74190-4553.jpg",
},
id: "4", name: "Colchão Queen", price: "R$ 3.000", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-rumpled-bed_74190-4553.jpg"},
{
id: "5",
name: "Colchão King",
price: "R$ 5.500",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-2657.jpg",
},
id: "5", name: "Colchão King", price: "R$ 5.500", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-2657.jpg"},
{
id: "6",
name: "Colchão Nature",
price: "R$ 3.800",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-laying-bed-together_23-2148674029.jpg",
},
id: "6", name: "Colchão Nature", price: "R$ 3.800", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-laying-bed-together_23-2148674029.jpg"},
]}
title="Nossos Modelos"
description="Descubra a linha completa."
@@ -257,34 +166,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "10k+",
title: "Sono restaurado",
items: [
"Clientes satisfeitos",
"Noites de sono",
"Qualidade garantida",
],
id: "1", value: "10k+", title: "Sono restaurado", items: [
"Clientes satisfeitos", "Noites de sono", "Qualidade garantida"],
},
{
id: "2",
value: "20",
title: "Anos de mercado",
items: [
"Experiência",
"Confiança",
"Tradição",
],
id: "2", value: "20", title: "Anos de mercado", items: [
"Experiência", "Confiança", "Tradição"],
},
{
id: "3",
value: "5*",
title: "Avaliação média",
items: [
"Excelente",
"Conforto",
"Suporte",
],
id: "3", value: "5*", title: "Avaliação média", items: [
"Excelente", "Conforto", "Suporte"],
},
]}
title="Nossa Trajetória"
@@ -299,40 +190,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Ana Souza",
handle: "@ana",
testimonial: "O melhor colchão que já tive, durmo como um bebê.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg",
},
id: "1", name: "Ana Souza", handle: "@ana", testimonial: "O melhor colchão que já tive, durmo como um bebê.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166188.jpg"},
{
id: "2",
name: "Pedro Lima",
handle: "@pedro",
testimonial: "Excelente suporte para as costas, recomendo demais.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-lying-floor-taking-selfie-photo_1262-5668.jpg",
},
id: "2", name: "Pedro Lima", handle: "@pedro", testimonial: "Excelente suporte para as costas, recomendo demais.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-lying-floor-taking-selfie-photo_1262-5668.jpg"},
{
id: "3",
name: "Mari Silva",
handle: "@mari",
testimonial: "Conforto absoluto, a qualidade é excepcional.",
imageSrc: "http://img.b2bpic.net/free-photo/follow-me-romantic-concept-young-woman-with-long-hair-outdoors-holding-her-boyfriend-s-hand-turning-around-sunglasses_158538-1665.jpg",
},
id: "3", name: "Mari Silva", handle: "@mari", testimonial: "Conforto absoluto, a qualidade é excepcional.", imageSrc: "http://img.b2bpic.net/free-photo/follow-me-romantic-concept-young-woman-with-long-hair-outdoors-holding-her-boyfriend-s-hand-turning-around-sunglasses_158538-1665.jpg"},
{
id: "4",
name: "João Santos",
handle: "@joao",
testimonial: "Entrega rápida e produto muito superior aos convencionais.",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-relaxing-couch_23-2148027252.jpg",
},
id: "4", name: "João Santos", handle: "@joao", testimonial: "Entrega rápida e produto muito superior aos convencionais.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-relaxing-couch_23-2148027252.jpg"},
{
id: "5",
name: "Carla Oliveira",
handle: "@carla",
testimonial: "Minha insônia acabou depois desse colchão.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-bed_23-2148769335.jpg",
},
id: "5", name: "Carla Oliveira", handle: "@carla", testimonial: "Minha insônia acabou depois desse colchão.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-bed_23-2148769335.jpg"},
]}
title="Depoimentos de clientes"
description="O que dizem sobre nós."
@@ -345,20 +211,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Qual a garantia?",
content: "Oferecemos garantia de 5 anos em todos os modelos.",
},
id: "1", title: "Qual a garantia?", content: "Oferecemos garantia de 5 anos em todos os modelos."},
{
id: "2",
title: "Como escolher?",
content: "Temos consultores prontos para te ajudar com o suporte ideal.",
},
id: "2", title: "Como escolher?", content: "Temos consultores prontos para te ajudar com o suporte ideal."},
{
id: "3",
title: "Entrega?",
content: "Frete grátis para todo o país em 48h.",
},
id: "3", title: "Entrega?", content: "Frete grátis para todo o país em 48h."},
]}
title="Perguntas Frequentes"
description="Tire suas dúvidas."
@@ -370,8 +227,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Newsletter"
title="Entre em contato"
description="Receba ofertas exclusivas em primeira mão."
@@ -387,4 +243,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

8
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #E34400;
--foreground: #000612e6;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #E34400;
--accent: #a8cce8;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);