283 lines
14 KiB
TypeScript
283 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Book, Briefcase, CheckCircle, Clock, Copy, FileText, MapPin, MessageCircle, Printer, Star, ThumbsUp, Users, Zap } from "lucide-react";
|
|
import { Award } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Papel Machet"
|
|
navItems={[
|
|
{ name: "Serviços", id: "services" },
|
|
{ name: "Sobre", id: "about" },
|
|
{ name: "Contato", id: "contact" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Pedir no WhatsApp", href: "https://wa.me/5198027262"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Impressões e Papelaria com Qualidade no Coração de Dois Irmãos"
|
|
description="Cópias, impressões rápidas e materiais escolares e de escritório. Qualidade 4.8 estrelas com atendimento personalizado. Receba seus materiais sem sair de casa ou da empresa."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Qualidade Garantida"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Solicitar Orçamento via WhatsApp", href: "https://wa.me/5198027262"
|
|
},
|
|
{
|
|
text: "Ver Localização", href: "#contact"
|
|
}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-chatting-work_23-2149622893.jpg?_wi=1"
|
|
imageAlt="Papel Machet - Impressões e Papelaria em Dois Irmãos"
|
|
mediaAnimation="slide-up"
|
|
className="hero-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
title="Nossos Serviços Principais"
|
|
description="Descubra a gama completa de soluções em impressão e papelaria que oferecemos para sua empresa e escola."
|
|
tag="Serviços"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Copy,
|
|
title: "Cópias", description: "Cópias rápidas e de alta qualidade em preto e branco, com atendimento personalizado e prazos ágeis."
|
|
},
|
|
{
|
|
icon: Printer,
|
|
title: "Impressões", description: "Impressões prontas enquanto você aguarda. Serviços de impressão digital e offset com acabamentos profissionais."
|
|
},
|
|
{
|
|
icon: FileText,
|
|
title: "Materiais de Escritório", description: "Amplo estoque de cadernos, blocos, papéis sulfite e suprimentos para sua empresa ou escola."
|
|
},
|
|
{
|
|
icon: Book,
|
|
title: "Encadernação", description: "Serviços de encadernação profissional para monografias, teses, trabalhos escolares e projetos."
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Agilidade", description: "Impressões prontas enquanto você aguarda. Processamento rápido sem comprometer a qualidade."
|
|
},
|
|
{
|
|
icon: MapPin,
|
|
title: "Localização Central", description: "Fácil acesso na R. Otto Engelmann, Sala 5, centro de Dois Irmãos. Sem fila, sem complicações."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="services-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Por Que Escolher a Papel Machet?"
|
|
description="Somos um negócio local dedicado a oferecer a melhor qualidade em impressões e papelaria com atendimento personalizado."
|
|
tag="Nossa Diferença"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
icon: Zap,
|
|
title: "Agilidade", description: "Impressões prontas em minutos. Atendimento rápido sem filas ou demoras."
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Atendimento Personalizado", description: "Equipe experiente pronta para orientar suas necessidades e encontrar a melhor solução."
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "Qualidade Certificada", description: "4.8 estrelas de satisfação do cliente. Avaliações de 11+ clientes satisfeitos."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-colleagues-chatting-work_23-2149622893.jpg?_wi=2"
|
|
imageAlt="Equipe Papel Machet"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="about-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
title="Números que Falam"
|
|
description="Confira nosso histórico de qualidade e satisfação no atendimento aos clientes."
|
|
metrics={[
|
|
{
|
|
id: "1", value: "4.8", title: "Estrelas", description: "Avaliação média dos clientes", icon: Star
|
|
},
|
|
{
|
|
id: "2", value: "11+", title: "Avaliações", description: "Clientes satisfeitos que confiam em nós", icon: ThumbsUp
|
|
},
|
|
{
|
|
id: "3", value: "100%", title: "Qualidade", description: "Produtos prontos com perfeição", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "4", value: "Local", title: "Acesso Fácil", description: "Acesso fácil ao centro de Dois Irmãos", icon: MapPin
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="metrics-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="O Que Nossos Clientes Dizem"
|
|
description="Histórias reais de empresas e escolas que confiam nos nossos serviços."
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Fernando Silva", handle: "@fernandobusiness", testimonial: "Excelente qualidade em impressões. O atendimento é rápido e a equipe muito prestativa. Recomendo para todos!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-beard-businessman-adjusting-her-coat_23-2147941456.jpg", imageAlt: "Fernando Silva"
|
|
},
|
|
{
|
|
id: "2", name: "Mariana Costa", handle: "@marianaeducadora", testimonial: "Perfeito para materiais escolares. Preço justo e atendimento ágil. Meus alunos adoram os produtos de qualidade.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman_1262-20867.jpg", imageAlt: "Mariana Costa"
|
|
},
|
|
{
|
|
id: "3", name: "Roberto Machado", handle: "@robexecutivo", testimonial: "Uso há anos para os materiais da minha empresa. Confiável, profissional e sempre atende com qualidade.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10533.jpg", imageAlt: "Roberto Machado"
|
|
},
|
|
{
|
|
id: "4", name: "Juliana Santos", handle: "@juliana.proj", testimonial: "Melhor custo-benefício de Dois Irmãos. Equipe dedicada e produtos de primeira qualidade. Super recomendo!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Juliana Santos"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
className="testimonials-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Perguntas Frequentes"
|
|
sideDescription="Respostas rápidas para suas dúvidas sobre nossos serviços e atendimento."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Quais são os horários de atendimento?", content: "Estamos abertos de segunda a sexta-feira, das 8h às 18h, e aos sábados das 8h às 13h. Entre em contato para horários especiais fora deste período."
|
|
},
|
|
{
|
|
id: "2", title: "Faço o upload do arquivo antes ou no local?", content: "Você pode enviar seus arquivos via WhatsApp, email ou trazer pessoalmente na nossa loja. Aceitamos PDF, JPG, Word e formatos comuns. Nossa equipe ajudará com as melhores configurações."
|
|
},
|
|
{
|
|
id: "3", title: "Qual é o prazo de produção?", content: "A maioria dos pedidos fica pronta em 24h. Para impressões urgentes, atendemos em minutos se a capacidade permitir. Consulte sobre prazos especiais."
|
|
},
|
|
{
|
|
id: "4", title: "Vocês oferecem desconto para grandes pedidos?", content: "Sim! Oferecemos descontos progressivos para pedidos em grande quantidade. Entre em contato conosco para obter uma cotação personalizada."
|
|
},
|
|
{
|
|
id: "5", title: "Como solicitar um orçamento?", content: "Envie uma mensagem no WhatsApp (51) 98027-5262, ligue ou visite nossa loja na R. Otto Engelmann, Sala 5. Responderemos com rapidez!"
|
|
}
|
|
]}
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
className="faq-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Comece Agora"
|
|
ctaDescription="Entre em contato conosco para solicitar um orçamento ou tirar suas dúvidas. Responderemos com agilidade!"
|
|
ctaButton={{
|
|
text: "Enviar Mensagem", href: "https://wa.me/5198027262"
|
|
}}
|
|
ctaIcon={MessageCircle}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Como entro em contato?", content: "Você pode nos contatar por WhatsApp (51) 98027-5262, telefonar ou visitar nossa loja na R. Otto Engelmann, Sala 5, centro de Dois Irmãos."
|
|
},
|
|
{
|
|
id: "2", title: "Onde ficamos localizados?", content: "Estamos localizado na R. Otto Engelmann, Sala 5, no centro de Dois Irmãos, RS. Fácil acesso e estacionamento disponível."
|
|
},
|
|
{
|
|
id: "3", title: "Posso agendar um horário?", content: "Sim! Envie uma mensagem no WhatsApp ou ligue para agendar seu atendimento. Valorizamos seu tempo."
|
|
}
|
|
]}
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
className="contact-section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Papel Machet"
|
|
columns={[
|
|
{
|
|
title: "Serviços", items: [
|
|
{ label: "Cópias", href: "#services" },
|
|
{ label: "Impressões", href: "#services" },
|
|
{ label: "Papelaria", href: "#services" },
|
|
{ label: "Encadernação", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Empresa", items: [
|
|
{ label: "Sobre Nós", href: "#about" },
|
|
{ label: "Contato", href: "#contact" },
|
|
{ label: "Localização", href: "https://maps.google.com/?q=Dois+Irmãos,RS" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{ label: "WhatsApp: (51) 98027-5262", href: "https://wa.me/5198027262" },
|
|
{ label: "R. Otto Engelmann, Sala 5", href: "#contact" },
|
|
{ label: "Seg-Sex: 8h-18h", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Papel Machet | Impressões e Papelaria em Dois Irmãos, RS"
|
|
className="footer-section"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |