Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3aaddcabfe | |||
| e33ee6e41e | |||
| 2170426d6a | |||
| aaade57cfb | |||
| f3fa0e569a |
338
src/app/page.tsx
338
src/app/page.tsx
@@ -31,120 +31,38 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Produtos", id: "products" },
|
||||||
id: "hero",
|
{ name: "Sobre", id: "about" },
|
||||||
},
|
{ name: "Avaliações", id: "testimonials" },
|
||||||
{
|
{ name: "Contato", id: "contact" }
|
||||||
name: "Seleções",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Europa",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "América",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Promoções",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Futebol Prime"
|
brandName="Cobras da Bola"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{ variant: "rotated-rays-animated-grid" }}
|
||||||
variant: "rotated-rays-animated-grid",
|
title="Cobras da Bola: Elite do Futebol"
|
||||||
}}
|
description="A maior autoridade em camisas premium do mercado. Qualidade, exclusividade e o melhor suporte para o torcedor de verdade."
|
||||||
title="Vista a paixão. Viva a Copa."
|
|
||||||
description="As camisas mais desejadas do futebol mundial, agora com qualidade premium e entrega rápida em todo Brasil."
|
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{ value: "10k+", label: "Torcedores Felizes" },
|
||||||
value: "10k+",
|
{ value: "24h", label: "Envio Rápido" },
|
||||||
label: "Torcedores Satisfeitos",
|
{ value: "100%", label: "Qualidade Garantida" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "2026",
|
|
||||||
label: "Coleção Atualizada",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "24h",
|
|
||||||
label: "Suporte Premium",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[{ text: "Conheça a Loja", href: "#products" }]}
|
||||||
{
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CouCEXwwaUBAsYE8ujcuIpkifK/uploaded-1777064380670-7kijg2zb.jpg"
|
||||||
text: "COMPRAR AGORA",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "VER LANÇAMENTOS",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/people-grandstands_52683-100544.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-holding-ball-embracing-her-team-mate_23-2148355543.jpg",
|
|
||||||
alt: "Woman holding a ball",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-doing-yoga_23-2149867365.jpg",
|
|
||||||
alt: "Side view woman doing yoga",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/view-adult-female-soccer-player_23-2150888451.jpg",
|
|
||||||
alt: "View of adult female soccer player",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-grandstands-full-shot_23-2149743740.jpg",
|
|
||||||
alt: "Woman sitting on grandstands",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-competing-olympic-games_23-2151450205.jpg",
|
|
||||||
alt: "Woman soccer player",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Envio para todo Brasil",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Qualidade Premium",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Escudos Bordados",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Tecido Tecnológico",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Pagamento Seguro",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
|
title="Nossa Trajetória"
|
||||||
|
description={["Nascemos da paixão pelo esporte e pela estética das grandes camisas.", "Trazemos ao Brasil produtos que respeitam a história de cada time, com foco total em conforto e durabilidade."]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Mais que uma camisa"
|
|
||||||
description={[
|
|
||||||
"Não é só tecido. É identidade. É história. É futebol.",
|
|
||||||
"Nossa missão é entregar a emoção de torcer com camisas que preservam cada detalhe, cada escudo e cada vibração do seu time do coração.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -153,65 +71,16 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
title="Loja CDB: Premium & Exclusivo"
|
||||||
|
description="Explore nosso catálogo seletivo de camisas nacionais e internacionais."
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", brand: "CDB", name: "Produto Exclusivo 01", price: "R$ 169,99", rating: 5, reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CouCEXwwaUBAsYE8ujcuIpkifK/uploaded-1777064845001-u7w02vfq.jpg" },
|
||||||
id: "1",
|
{ id: "2", brand: "CDB", name: "Produto Exclusivo 02", price: "R$ 169,99", rating: 5, reviewCount: "180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CouCEXwwaUBAsYE8ujcuIpkifK/uploaded-1777064845001-aa297z00.jpg" },
|
||||||
brand: "Brasil",
|
{ id: "3", brand: "CDB", name: "Produto Exclusivo 03", price: "R$ 169,99", rating: 4, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CouCEXwwaUBAsYE8ujcuIpkifK/uploaded-1777064845001-f3l3d6ha.jpg" },
|
||||||
name: "Home 2026",
|
{ id: "4", brand: "CDB", name: "Produto Exclusivo 04", price: "R$ 169,99", rating: 5, reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CouCEXwwaUBAsYE8ujcuIpkifK/uploaded-1777064845001-992ej42u.jpg" },
|
||||||
price: "R$ 149,90",
|
{ id: "5", brand: "CDB", name: "Produto Exclusivo 05", price: "R$ 169,99", rating: 5, reviewCount: "80", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CouCEXwwaUBAsYE8ujcuIpkifK/uploaded-1777064845001-4ppxak8k.jpg" }
|
||||||
rating: 5,
|
|
||||||
reviewCount: "124",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-teen-with-soccer-ball_23-2148203590.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
brand: "Argentina",
|
|
||||||
name: "Away 2026",
|
|
||||||
price: "R$ 149,90",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "98",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871482.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
brand: "Real Madrid",
|
|
||||||
name: "Home Premium",
|
|
||||||
price: "R$ 159,90",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "87",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-football-composition_23-2147827729.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
brand: "Brasil",
|
|
||||||
name: "Away 2026",
|
|
||||||
price: "R$ 149,90",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "112",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/soccer-uniform-vector-graphics-sublimation-sports-apparel-designs_29096-4789.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
brand: "Liverpool",
|
|
||||||
name: "Home Special",
|
|
||||||
price: "R$ 159,90",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "45",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-vector/highquality-sports-apparel-vectors-customizable-athletic-jersey-textures_29096-5556.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
brand: "Personalizado",
|
|
||||||
name: "Limited Gold",
|
|
||||||
price: "R$ 179,90",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "32",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-three-male-rugby-players-posing-with-ball_23-2148793314.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Produtos em Alta"
|
useInvertedBackground={false}
|
||||||
description="Descubra as camisas que estão dominando as arquibancadas."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -220,32 +89,14 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
title="Nossos Números"
|
||||||
|
description="O que nos torna a referência em camisas de futebol no país."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "5000+", title: "Vendas Totais", description: "Clientes satisfeitos em todo território nacional.", icon: Award },
|
||||||
id: "m1",
|
{ id: "2", value: "4.9/5", title: "Satisfação", description: "Média baseada em avaliações reais dos torcedores.", icon: ShieldCheck },
|
||||||
value: "100%",
|
{ id: "3", value: "24/7", title: "Suporte", description: "Prontos para te atender a qualquer momento.", icon: Truck }
|
||||||
title: "Qualidade Garantida",
|
|
||||||
description: "Acabamento de ponta em cada detalhe.",
|
|
||||||
icon: Award,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "24h",
|
|
||||||
title: "Envio Nacional",
|
|
||||||
description: "Prazo que respeita o torcedor.",
|
|
||||||
icon: Truck,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "Seguro",
|
|
||||||
title: "Pagamento Fácil",
|
|
||||||
description: "Pix, boleto e cartão protegido.",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Por que nos escolher?"
|
useInvertedBackground={false}
|
||||||
description="Qualidade que entra em campo com você."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -253,141 +104,54 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardSix
|
<TestimonialCardSix
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
title="O Que Dizem os Cobras"
|
||||||
|
description="Depoimentos de quem já vestiu a camisa com a gente."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Carlos V.", handle: "@carlos_bola", testimonial: "Qualidade excepcional, idêntica à de jogo!" },
|
||||||
id: "1",
|
{ id: "2", name: "Ana P.", handle: "@ana_futebol", testimonial: "Entrega muito rápida e atendimento nota 10." },
|
||||||
name: "Lucas Silva",
|
{ id: "3", name: "Rafael M.", handle: "@rafa_kit", testimonial: "A melhor loja para colecionadores." }
|
||||||
handle: "@lucas.fla",
|
|
||||||
testimonial: "A qualidade é incrível!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-female-dancer-looking-camera_23-2148169326.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Mariana Souza",
|
|
||||||
handle: "@mari_sports",
|
|
||||||
testimonial: "Chegou antes do prazo.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-active-middleaged-man-doing-sports-feeling-great-dancing-against-orange_1258-180438.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Pedro Henrique",
|
|
||||||
handle: "@pedro.kit",
|
|
||||||
testimonial: "Impecáveis e fiel ao tamanho.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ethnic-man-with-soccer-ball-shoulder_23-2148203631.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Ricardo Alves",
|
|
||||||
handle: "@ricardinho8",
|
|
||||||
testimonial: "Tecido muito leve.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/aged-man-with-ball-room_23-2148030226.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Fernanda Lima",
|
|
||||||
handle: "@fe_lima",
|
|
||||||
testimonial: "Melhor custo-benefício.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871477.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="O que dizem os craques"
|
useInvertedBackground={false}
|
||||||
description="A opinião de quem já vestiu a camisa e recomenda."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitMedia
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
title="Perguntas Frequentes"
|
||||||
|
description="Tire suas dúvidas antes de finalizar sua compra."
|
||||||
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "1", title: "Os escudos são bordados?", content: "Sim, todos os nossos produtos possuem escudo e logo bordados com acabamento premium." },
|
||||||
id: "f1",
|
{ id: "2", title: "Como acompanho meu pedido?", content: "Após a postagem, enviamos o código de rastreio para o seu e-mail e WhatsApp." },
|
||||||
title: "Por que devemos confiar?",
|
{ id: "3", title: "Tem garantia?", content: "Oferecemos garantia total contra defeitos de fabricação e suporte em caso de trocas." }
|
||||||
content: "Trabalhamos com fornecedores internacionais consolidados.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "Por que o preço é acessível?",
|
|
||||||
content: "Compramos direto da fábrica sem intermediários.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "A qualidade é realmente boa?",
|
|
||||||
content: "Sim! Materiais de alto nível e escudos detalhados.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728376.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728376.jpg"
|
||||||
title="Dúvidas Frequentes"
|
useInvertedBackground={false}
|
||||||
description="Tudo o que você precisa saber."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactText
|
||||||
|
background={{ variant: "sparkles-gradient" }}
|
||||||
|
text="Ficou com alguma dúvida ou quer encomendar sua camisa exclusiva? Chama no WhatsApp!"
|
||||||
|
buttons={[{ text: "Falar agora", href: "https://wa.me/5511999999999" }]}
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
|
||||||
variant: "sparkles-gradient",
|
|
||||||
}}
|
|
||||||
text="Pronto para escolher a sua? Entre em contato agora pelo WhatsApp e garanta 10% de desconto!"
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Falar no WhatsApp",
|
|
||||||
href: "https://wa.me/5511999999999",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275218.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275218.jpg"
|
||||||
logoText="Futebol Prime"
|
logoText="Cobras da Bola"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Produtos", href: "#products" }] },
|
||||||
title: "Navegação",
|
{ title: "Suporte", items: [{ label: "WhatsApp", href: "https://wa.me/5511999999999" }, { label: "Rastreio", href: "#" }] },
|
||||||
items: [
|
{ title: "Legal", items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] }
|
||||||
{
|
|
||||||
label: "Home",
|
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Produtos",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Atendimento",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "WhatsApp",
|
|
||||||
href: "https://wa.me/5511999999999",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Rastreio",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Legal",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Privacidade",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Termos",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user