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

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 00:55:25 +00:00
parent cb6f64046e
commit 2391d25e0c
1 changed files with 34 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Shield } from "lucide-react";
@@ -32,74 +32,45 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Início", id: "hero"},
{
name: "Nossa História", id: "about"},
{
name: "Produtos", id: "products"},
{
name: "Contato", id: "contact"},
{ name: "Início", id: "hero" },
{ name: "Produtos", id: "products" },
{ name: "Nossa História", id: "about" },
{ name: "Contato", id: "contact" },
]}
brandName="SonoPerfeito"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
title="Nossos Colchões"
description="Qualidade e conforto avaliados por especialistas e clientes."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
products={[
{ id: "1", brand: "Premium", name: "Colchão Gold", price: "R$ 3.500", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/gift-box-bed_23-2147722757.jpg" },
{ id: "2", brand: "Confort", name: "Colchão Comfort", price: "R$ 2.800", rating: 4.8, reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-red-cushion_1203-686.jpg" },
{ id: "3", brand: "Hybrid", name: "Colchão Hybrid", price: "R$ 4.200", rating: 5, reviewCount: "600", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-sofa-with-fluffy-clouds_23-2151113482.jpg" }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars"}}
background={{ 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/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/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/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" },
]}
rightCarouselItems={[
{
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/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/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/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-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"},
{ 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" },
]}
avatarText="+10k clientes satisfeitos"
marqueeItems={[
{
type: "text", text: "Certificado de Qualidade"},
{
type: "text", text: "Frete Grátis"},
{
type: "text", text: "Garantia Estendida"},
{
type: "text", text: "Suporte 24h"},
{
type: "text", text: "Tecnologia Ortopédica"},
]}
/>
</div>
@@ -122,61 +93,22 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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" },
{ 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" },
]}
title="Por que escolher a SonoPerfeito?"
description="Tecnologia e design pensados na sua saúde."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
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: "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: "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: "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."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
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: "3", value: "5*", title: "Avaliação média", items: [
"Excelente", "Conforto", "Suporte"],
},
{ id: "1", value: "10k+", title: "Sono restaurado", items: ["Clientes satisfeitos", "Noites de sono"] },
{ id: "2", value: "5*", title: "Avaliação média", items: ["Excelente", "Conforto"] },
]}
title="Nossa Trajetória"
description="Números que provam nossa qualidade."
@@ -189,16 +121,7 @@ export default function LandingPage() {
textboxLayout="split"
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: "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: "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: "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" },
]}
title="Depoimentos de clientes"
description="O que dizem sobre nós."
@@ -210,12 +133,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
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: "3", title: "Entrega?", content: "Frete grátis para todo o país em 48h."},
{ id: "1", title: "Qual a garantia?", content: "Oferecemos garantia de 5 anos em todos os modelos." },
{ id: "2", title: "Entrega?", content: "Frete grátis para todo o país em 48h." },
]}
title="Perguntas Frequentes"
description="Tire suas dúvidas."
@@ -226,8 +145,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Newsletter"
title="Entre em contato"
description="Receba ofertas exclusivas em primeira mão."