Merge version_1 into main #2
339
src/app/page.tsx
339
src/app/page.tsx
@@ -20,35 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bantu Estamparia"
|
||||
/>
|
||||
@@ -56,53 +45,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Bantu Estamparia: Arte e Precisão em Cada Estampa"
|
||||
description="Transformamos suas ideias em estampas de alta durabilidade e acabamento premium. Tecnologia de ponta e cuidado artesanal para sua marca ou empresa."
|
||||
tag="Excelência em Impressão Têxtil"
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Orçamento",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Conheça nossos Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Solicitar Orçamento", href: "#contact" },
|
||||
{ text: "Conheça nossos Serviços", href: "#features" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273056.jpg?_wi=1",
|
||||
imageAlt: "Workshop interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg?_wi=1",
|
||||
imageAlt: "Close up print",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94953.jpg",
|
||||
imageAlt: "Carousel scene",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cmyk-toners-assortment_23-2149120687.jpg",
|
||||
imageAlt: "Frames stack",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/floral-seamless-pattern_23-2151021347.jpg",
|
||||
imageAlt: "Apparel print",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411784.jpg",
|
||||
imageAlt: "Studio wide",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273056.jpg", imageAlt: "Workshop interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg", imageAlt: "Close up print" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94953.jpg", imageAlt: "Carousel scene" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cmyk-toners-assortment_23-2149120687.jpg", imageAlt: "Frames stack" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/floral-seamless-pattern_23-2151021347.jpg", imageAlt: "Apparel print" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/adult-reusing-objects-creative-ways_23-2149411784.jpg", imageAlt: "Studio wide" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,18 +70,9 @@ export default function LandingPage() {
|
||||
title="Mais que Estampas, Soluções Criativas"
|
||||
description="Com anos de experiência, a Bantu Estamparia combina tradição e inovação para entregar soluções têxteis que superam expectativas, garantindo qualidade em cada detalhe."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Peças Produzidas",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Clientes Satisfeitos",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
title: "Anos no Mercado",
|
||||
},
|
||||
{ value: "10k+", title: "Peças Produzidas" },
|
||||
{ value: "500+", title: "Clientes Satisfeitos" },
|
||||
{ value: "10+", title: "Anos no Mercado" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-using-printer_23-2149713658.jpg"
|
||||
imageAlt="Artesão trabalhando"
|
||||
@@ -140,28 +88,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Impressão Digital DTG",
|
||||
description: "Alta definição para estampas com cores complexas e detalhes finos.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543709.jpg",
|
||||
imageAlt: "Still life of fashion designer's office",
|
||||
title: "Impressão Digital DTG", description: "Alta definição para estampas com cores complexas e detalhes finos.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Serigrafia Premium",
|
||||
description: "Durabilidade máxima e qualidade inigualável em grandes tiragens.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273056.jpg?_wi=2",
|
||||
imageAlt: "Still life of fashion designer's office",
|
||||
title: "Serigrafia Premium", description: "Durabilidade máxima e qualidade inigualável em grandes tiragens.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Consultoria Criativa",
|
||||
description: "Ajuda personalizada no desenvolvimento da sua estampa ideal.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg?_wi=2",
|
||||
imageAlt: "Still life of fashion designer's office",
|
||||
title: "Consultoria Criativa", description: "Ajuda personalizada no desenvolvimento da sua estampa ideal.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Nossos Diferenciais"
|
||||
@@ -176,60 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Linha Profissional",
|
||||
name: "Camisetas Padrão",
|
||||
price: "R$ 35,00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-child-sunglasses-enjoys-summer-fun-indoors-generated-by-ai_188544-42184.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Linha Casual",
|
||||
name: "Moletom Premium",
|
||||
price: "R$ 120,00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-simple-apparel-street-style-men-women-s-clothing-outdoor-shoot_53876-105412.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Linha Acessórios",
|
||||
name: "Bonés Personalizados",
|
||||
price: "R$ 45,00",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-t-shirt-cap-pointing-down-looking-puzzled_176474-11540.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Linha Profissional",
|
||||
name: "Aventais Personalizados",
|
||||
price: "R$ 55,00",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-pizza-kitchen_158595-2123.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Linha Sustentável",
|
||||
name: "Ecobags",
|
||||
price: "R$ 25,00",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-clothing-medium-shot_23-2148372138.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Linha Esportiva",
|
||||
name: "Camisas de Time",
|
||||
price: "R$ 75,00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-lines-multicolored-background_23-2147746619.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Linha Profissional", name: "Camisetas Padrão", price: "R$ 35,00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cute-child-sunglasses-enjoys-summer-fun-indoors-generated-by-ai_188544-42184.jpg" },
|
||||
{ id: "2", brand: "Linha Casual", name: "Moletom Premium", price: "R$ 120,00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/colorful-simple-apparel-street-style-men-women-s-clothing-outdoor-shoot_53876-105412.jpg" },
|
||||
{ id: "3", brand: "Linha Acessórios", name: "Bonés Personalizados", price: "R$ 45,00", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-t-shirt-cap-pointing-down-looking-puzzled_176474-11540.jpg" },
|
||||
{ id: "4", brand: "Linha Profissional", name: "Aventais Personalizados", price: "R$ 55,00", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-pizza-kitchen_158595-2123.jpg" },
|
||||
{ id: "5", brand: "Linha Sustentável", name: "Ecobags", price: "R$ 25,00", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-clothing-medium-shot_23-2148372138.jpg" },
|
||||
{ id: "6", brand: "Linha Esportiva", name: "Camisas de Time", price: "R$ 75,00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/white-lines-multicolored-background_23-2147746619.jpg" },
|
||||
]}
|
||||
title="Catálogo de Produtos"
|
||||
description="Soluções versáteis para uniformes, moda e merchandising."
|
||||
@@ -238,31 +123,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Taxa de Precisão",
|
||||
description: "Controle total no processo.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "48h",
|
||||
title: "Agilidade",
|
||||
description: "Rapidez na entrega.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Garantia",
|
||||
description: "Qualidade garantida.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Taxa de Precisão", description: "Controle total no processo.", icon: CheckCircle },
|
||||
{ id: "m2", value: "48h", title: "Agilidade", description: "Rapidez na entrega.", icon: Clock },
|
||||
{ id: "m3", value: "100%", title: "Garantia", description: "Qualidade garantida.", icon: Award },
|
||||
]}
|
||||
title="Resultados em Números"
|
||||
description="Nossa dedicação se traduz em eficiência."
|
||||
@@ -275,60 +143,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Souza",
|
||||
role: "Dona de Loja",
|
||||
company: "Veste Bem",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-looking-through-clothes_23-2148302778.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Lima",
|
||||
role: "Gestor",
|
||||
company: "Lima Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669777.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bia Oliveira",
|
||||
role: "Diretora",
|
||||
company: "Creative Art",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-watercolors-water-glass-arrangement_23-2149386328.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diego Santos",
|
||||
role: "Gerente",
|
||||
company: "Tech Team",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-women-hugging-outdoors_23-2148634695.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fernanda Costa",
|
||||
role: "Fundadora",
|
||||
company: "Style Brand",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-designer-holding-samples-swatches_1303-32119.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ana Souza", role: "Dona de Loja", company: "Veste Bem", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-looking-through-clothes_23-2148302778.jpg" },
|
||||
{ id: "2", name: "Carlos Lima", role: "Gestor", company: "Lima Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669777.jpg" },
|
||||
{ id: "3", name: "Bia Oliveira", role: "Diretora", company: "Creative Art", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-watercolors-water-glass-arrangement_23-2149386328.jpg" },
|
||||
{ id: "4", name: "Diego Santos", role: "Gerente", company: "Tech Team", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-women-hugging-outdoors_23-2148634695.jpg" },
|
||||
{ id: "5", name: "Fernanda Costa", role: "Fundadora", company: "Style Brand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-designer-holding-samples-swatches_1303-32119.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Média de Avaliação",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retenção de Clientes",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Atendimento Médio",
|
||||
},
|
||||
{ value: "5.0", label: "Média de Avaliação" },
|
||||
{ value: "95%", label: "Retenção de Clientes" },
|
||||
{ value: "24h", label: "Atendimento Médio" },
|
||||
]}
|
||||
title="O Que Dizem Nossos Clientes"
|
||||
description="Parcerias de longo prazo construídas com confiança."
|
||||
@@ -340,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Qual a quantidade mínima?",
|
||||
content: "Trabalhamos com pedidos a partir de 20 unidades para serigrafia.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Qual o prazo de entrega?",
|
||||
content: "Em média de 7 a 15 dias úteis, dependendo da complexidade.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Como enviar a arte?",
|
||||
content: "Preferencialmente em arquivos vetoriais (CDR, AI, PDF).",
|
||||
},
|
||||
{ id: "f1", title: "Qual a quantidade mínima?", content: "Trabalhamos com pedidos a partir de 20 unidades para serigrafia." },
|
||||
{ id: "f2", title: "Qual o prazo de entrega?", content: "Em média de 7 a 15 dias úteis, dependendo da complexidade." },
|
||||
{ id: "f3", title: "Como enviar a arte?", content: "Preferencialmente em arquivos vetoriais (CDR, AI, PDF)." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433340.jpg"
|
||||
title="Perguntas Frequentes"
|
||||
@@ -366,63 +178,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Vamos conversar"
|
||||
title="Pronto para começar seu projeto?"
|
||||
description="Entre em contato conosco e solicite um orçamento personalizado sem compromisso."
|
||||
buttons={[
|
||||
{
|
||||
text: "Falar com Consultor",
|
||||
href: "https://wa.me/message",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Falar com Consultor", href: "https://wa.me/message" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Serviços",
|
||||
items: [
|
||||
{
|
||||
label: "Serigrafia",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Impressão Digital",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Serviços", items: [{ label: "Serigrafia", href: "#" }, { label: "Impressão Digital", href: "#" }] },
|
||||
{ title: "Empresa", items: [{ label: "Sobre Nós", href: "#" }, { label: "Contato", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Bantu Estamparia."
|
||||
bottomRightText="Todos os direitos reservados."
|
||||
|
||||
Reference in New Issue
Block a user