320 lines
20 KiB
TypeScript
320 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, CheckCircle, Heart, HelpCircle, Sparkles, Star, Facebook, Instagram, Linkedin, MessageCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Loja Prime Decor"
|
|
navItems={[
|
|
{ name: "Início", id: "hero" },
|
|
{ name: "Sobre", id: "about" },
|
|
{ name: "Serviços", id: "services" },
|
|
{ name: "Depoimentos", id: "testimonials" },
|
|
{ name: "Processo", id: "process" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Solicitar Orçamento", href: "https://wa.me/5511999999999?text=Olá%20Loja%20Prime%20Decor,%20gostaria%20de%20solicitar%20um%20orçamento"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Cortinas e Decoração sob Medida que Transformam seu Ambiente com Elegância"
|
|
description="Qualidade premium, instalação profissional e atendimento que realmente entende você. Transforme seus espaços com soluções decorativas exclusivas."
|
|
background={{ variant: "plain" }}
|
|
tag="Bem-vindo à Loja Prime Decor"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Solicitar Orçamento no WhatsApp", href: "https://wa.me/5511999999999?text=Olá%20Loja%20Prime%20Decor,%20gostaria%20de%20solicitar%20um%20orçamento"
|
|
},
|
|
{
|
|
text: "Ver Modelos", href: "#services"
|
|
}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Marina Silva", handle: "@marina.silva", testimonial: "Atendimento excelente e as cortinas ficaram perfeitas. Superou minhas expectativas!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg?_wi=1", imageAlt: "Marina Silva"
|
|
},
|
|
{
|
|
name: "Carlos Mendes", handle: "@carlos.mendes", testimonial: "Entrega antes do prazo e qualidade impecável. Recomendo de olhos fechados.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-assistant-pointing-herself-shy-manner-smiling_114579-15860.jpg?_wi=1", imageAlt: "Carlos Mendes"
|
|
},
|
|
{
|
|
name: "Beatriz Costa", handle: "@beatriz.costa", testimonial: "Acabamento perfeito e instalação profissional. Transformaram meu lar completamente.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-working-as-wedding-planners_23-2150328558.jpg?_wi=1", imageAlt: "Beatriz Costa"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/boy-looking-what-it-s-happening-outside_23-2148806373.jpg?_wi=1"
|
|
imageAlt="Luxury interior with custom curtains"
|
|
imagePosition="right"
|
|
fixedMediaHeight={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Confiança de Centenas de Clientes Satisfeitos"
|
|
description="Somos referência em qualidade, profissionalismo e excelência em decoração sob medida."
|
|
names={[
|
|
"Atendimento Impecável", "Qualidade Incrível", "Entrega Rápida", "Instalação Perfeita", "Preço Justo", "Suporte Total"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
showCard={true}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="Sobre Nós"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Especialistas em Decoração Premium com Experiência Comprovada"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardTwo
|
|
title="Nossos Serviços e Produtos"
|
|
description="Soluções completas em decoração sob medida para transformar seus ambientes"
|
|
tag="Catálogo Premium"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "curtains", brand: "Loja Prime Decor", name: "Cortinas Sob Medida", price: "A partir de R$ 150/m²", rating: 5,
|
|
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/couple-newlyweds-posing_23-2148105847.jpg?_wi=1", imageAlt: "Cortinas premium sob medida"
|
|
},
|
|
{
|
|
id: "blinds", brand: "Loja Prime Decor", name: "Persianas Personalizadas", price: "A partir de R$ 120/m²", rating: 5,
|
|
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-talking-phone_23-2149429129.jpg?_wi=1", imageAlt: "Persianas modernas personalizadas"
|
|
},
|
|
{
|
|
id: "rugs", brand: "Loja Prime Decor", name: "Tapetes Luxuosos", price: "A partir de R$ 200/m²", rating: 5,
|
|
reviewCount: "140+", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa-decoration-living-room-interior-vintage-light-filter_74190-1687.jpg?_wi=1", imageAlt: "Tapetes premium elegantes"
|
|
},
|
|
{
|
|
id: "wallpaper", brand: "Loja Prime Decor", name: "Papel de Parede Premium", price: "A partir de R$ 80/m²", rating: 5,
|
|
reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/tender-white-bouquet-stands-little-sofa_8353-1356.jpg?_wi=1", imageAlt: "Papel de parede luxuoso"
|
|
},
|
|
{
|
|
id: "consultation", brand: "Loja Prime Decor", name: "Consultoria Decorativa", price: "Consultoria Gratuita", rating: 5,
|
|
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149721916.jpg?_wi=1", imageAlt: "Consultoria profissional de design"
|
|
},
|
|
{
|
|
id: "installation", brand: "Loja Prime Decor", name: "Instalação Profissional", price: "Incluída nos Serviços", rating: 5,
|
|
reviewCount: "320+", imageSrc: "http://img.b2bpic.net/free-photo/couple-newlyweds-posing_23-2148105847.jpg?_wi=2", imageAlt: "Instalação profissional especializada"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="differentials" data-section="differentials">
|
|
<FeatureCardNine
|
|
title="Por Que Escolher a Loja Prime Decor"
|
|
description="Diferenciais que fazem toda a diferença na transformação do seu espaço"
|
|
tag="Nossos Diferenciais"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
showStepNumbers={false}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Atendimento Personalizado", description: "Equipe dedicada que realmente entende suas necessidades e objetivos decorativos", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149721916.jpg?_wi=2", imageAlt: "Consultoria profissional" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg?_wi=1", imageAlt: "Showroom" }
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Materiais de Alto Padrão", description: "Utilizamos apenas tecidos, tapetes e acabamentos premium selecionados", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-newlyweds-posing_23-2148105847.jpg?_wi=3", imageAlt: "Cortinas premium" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa-decoration-living-room-interior-vintage-light-filter_74190-1687.jpg?_wi=2", imageAlt: "Tapetes luxuosos" }
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Instalação Profissional", description: "Equipe especializada garante instalação perfeita e acabamento impecável", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg?_wi=2", imageAlt: "Showroom" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149721916.jpg?_wi=3", imageAlt: "Consultoria" }
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Entrega Rápida", description: "Prazos cumpríveis e frequentemente entregamos antes do prazo prometido", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-newlyweds-posing_23-2148105847.jpg?_wi=4", imageAlt: "Cortinas" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/boy-looking-what-it-s-happening-outside_23-2148806373.jpg?_wi=2", imageAlt: "Interior" }
|
|
},
|
|
{
|
|
id: 5,
|
|
title: "Preço Justo", description: "Melhor custo-benefício do mercado sem comprometer a qualidade", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/tender-white-bouquet-stands-little-sofa_8353-1356.jpg?_wi=2", imageAlt: "Papel de parede" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-talking-phone_23-2149429129.jpg?_wi=2", imageAlt: "Persianas" }
|
|
},
|
|
{
|
|
id: 6,
|
|
title: "Suporte Pós-Venda", description: "Atendimento permanente para garantir sua satisfação após a entrega", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg?_wi=3", imageAlt: "Showroom" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149721916.jpg?_wi=4", imageAlt: "Consultoria" }
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Depoimentos de Clientes Satisfeitos"
|
|
description="Histórias reais de clientes que transformaram seus ambientes com nossa ajuda"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Avaliações Reais"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marina Silva", handle: "Marina S.", testimonial: "Atendimento excelente e as cortinas ficaram perfeitas. Superou minhas expectativas! O acabamento é impecável e a qualidade dos tecidos é excepcional.", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167741.jpg?_wi=2", imageAlt: "Marina Silva"
|
|
},
|
|
{
|
|
id: "2", name: "Carlos Mendes", handle: "Carlos M.", testimonial: "Entrega antes do prazo e qualidade impecável. Recomendo de olhos fechados. A equipe foi muito profissional durante todo o processo.", imageSrc: "http://img.b2bpic.net/free-photo/female-assistant-pointing-herself-shy-manner-smiling_114579-15860.jpg?_wi=2", imageAlt: "Carlos Mendes"
|
|
},
|
|
{
|
|
id: "3", name: "Beatriz Costa", handle: "Beatriz C.", testimonial: "Acabamento perfeito e instalação profissional. Transformaram meu lar completamente. A consultoria foi muito útil na escolha dos modelos.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-working-as-wedding-planners_23-2150328558.jpg?_wi=2", imageAlt: "Beatriz Costa"
|
|
},
|
|
{
|
|
id: "4", name: "Roberto Oliveira", handle: "Roberto O.", testimonial: "Preço justo e qualidade de excelência. Meu escritório ficou muito mais elegante e sofisticado. Voltaria a contratar com certeza!", imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1293.jpg", imageAlt: "Roberto Oliveira"
|
|
},
|
|
{
|
|
id: "5", name: "Fernanda Rocha", handle: "Fernanda R.", testimonial: "Equipe atenciosa e dedicada. Entenderam perfeitamente minha visão e executaram com maestria. Meu apartamento virou uma galeria de design!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-woman-holding-mobile-phone-looking-away-while-standing-room-brunette-girl-reads-love-message-personal-chat-with-smile-her-face-concept-enjoying-moment_197531-32272.jpg", imageAlt: "Fernanda Rocha"
|
|
},
|
|
{
|
|
id: "6", name: "Alexandre Santos", handle: "Alexandre S.", testimonial: "Suporte pós-venda impecável. Qualquer dúvida, eles estão lá para ajudar. Realmente é um serviço de primeira qualidade. Muito satisfeito!", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-making-fun-with-her-wife-home_23-2147966352.jpg", imageAlt: "Alexandre Santos"
|
|
}
|
|
]}
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<MetricCardTen
|
|
title="Nosso Processo Simplificado"
|
|
description="Conhecemos o caminho perfeito para transformar sua visão em realidade"
|
|
tag="Como Funciona"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", title: "Atendimento Inicial", subtitle: "Conversamos sobre suas ideias", category: "Passo 1", value: "Consulta Gratuita"
|
|
},
|
|
{
|
|
id: "2", title: "Entendimento do Ambiente", subtitle: "Analisamos seu espaço em detalhes", category: "Passo 2", value: "Avaliação Profissional"
|
|
},
|
|
{
|
|
id: "3", title: "Indicação Personalizada", subtitle: "Sugerimos as melhores opções", category: "Passo 3", value: "Consultoria Especializada"
|
|
},
|
|
{
|
|
id: "4", title: "Produção Sob Medida", subtitle: "Criamos seu projeto exclusivo", category: "Passo 4", value: "Customização Total"
|
|
},
|
|
{
|
|
id: "5", title: "Instalação Profissional", subtitle: "Equipe especializada instala tudo", category: "Passo 5", value: "Acabamento Perfeito"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Perguntas Frequentes"
|
|
description="Tire suas dúvidas sobre nossos serviços e garantias"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Qual é a garantia dos produtos?", content: "Oferecemos garantia de qualidade nos materiais e instalação. Todos os nossos produtos têm garantia de 12 meses contra defeitos de fabricação. Além disso, nossa instalação profissional é garantida por 24 meses."
|
|
},
|
|
{
|
|
id: "2", title: "Quanto tempo leva para entregar?", content: "O prazo normal é de 7-14 dias úteis após a confirmação do projeto. Frequentemente conseguimos entregar antes do prazo prometido. Para projetos urgentes, consulte nossa equipe sobre prazos especiais."
|
|
},
|
|
{
|
|
id: "3", title: "Vocês fazem consultoria gratuita?", content: "Sim! Oferecemos consultoria decorativa completamente gratuita. Nossa equipe analisará seu espaço e fará recomendações personalizadas sem compromisso."
|
|
},
|
|
{
|
|
id: "4", title: "Como é o processo de instalação?", content: "Nossa equipe profissional realiza a instalação com máximo cuidado. Agendam um horário conveniente, protegem seus móveis, instalam tudo com precisão e fazem limpeza completa ao final."
|
|
},
|
|
{
|
|
id: "5", title: "Quais são as formas de pagamento?", content: "Aceitamos cartão de crédito, PIX, transferência bancária e parcelamento em até 12x sem juros. Consule nossa equipe para as melhores condições."
|
|
},
|
|
{
|
|
id: "6", title: "Posso parcelar os serviços?", content: "Sim! Oferecemos diversas opções de parcelamento para facilitar seu investimento. Conversa com nossa equipe sobre os melhores planos para você."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Loja Prime Decor"
|
|
copyrightText="© 2025 Loja Prime Decor. Todos os direitos reservados."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/lojaprimedecor", ariaLabel: "Facebook"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/lojaprimedecor", ariaLabel: "Instagram"
|
|
},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/lojaprimedecor", ariaLabel: "LinkedIn"
|
|
},
|
|
{
|
|
icon: MessageCircle,
|
|
href: "https://wa.me/5511999999999", ariaLabel: "WhatsApp"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |