Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
333
src/app/page.tsx
333
src/app/page.tsx
@@ -31,120 +31,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Seleções",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Europa",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "América",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Promoções",
|
||||
id: "products",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Produtos", id: "products" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Avaliações", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" }
|
||||
]}
|
||||
brandName="Futebol Prime"
|
||||
brandName="Cobras da Bola"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
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."
|
||||
background={{ 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."
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Torcedores Satisfeitos",
|
||||
},
|
||||
{
|
||||
value: "2026",
|
||||
label: "Coleção Atualizada",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Suporte Premium",
|
||||
},
|
||||
{ value: "10k+", label: "Torcedores Felizes" },
|
||||
{ value: "24h", label: "Envio Rápido" },
|
||||
{ value: "100%", label: "Qualidade Garantida" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "COMPRAR AGORA",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "VER LANÇAMENTOS",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-grandstands_52683-100544.jpg"
|
||||
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"
|
||||
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 id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
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.",
|
||||
]}
|
||||
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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,65 +70,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Brasil",
|
||||
name: "Home 2026",
|
||||
price: "R$ 149,90",
|
||||
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",
|
||||
},
|
||||
{ id: "1", brand: "Brasil", name: "Amarelinha 2026", price: "R$ 149,90", rating: 5, reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/black-teen-with-soccer-ball_23-2148203590.jpg" },
|
||||
{ id: "2", brand: "Real Madrid", name: "Home Kit", price: "R$ 159,90", rating: 5, reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/creative-football-composition_23-2147827729.jpg" },
|
||||
{ id: "3", brand: "Argentina", name: "Away Edition", price: "R$ 149,90", rating: 4, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-soccer-player_23-2151871482.jpg" },
|
||||
{ id: "4", brand: "Liverpool", name: "Special Gold", price: "R$ 179,90", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-vector/highquality-sports-apparel-vectors-customizable-athletic-jersey-textures_29096-5556.jpg" }
|
||||
]}
|
||||
title="Produtos em Alta"
|
||||
description="Descubra as camisas que estão dominando as arquibancadas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -220,32 +86,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
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,
|
||||
},
|
||||
{ id: "1", value: "5000+", title: "Vendas Totais", description: "Clientes satisfeitos em todo território nacional.", icon: Award },
|
||||
{ id: "2", value: "4.9/5", title: "Satisfação", description: "Média baseada em avaliações reais dos torcedores.", icon: ShieldCheck },
|
||||
{ id: "3", value: "24/7", title: "Suporte", description: "Prontos para te atender a qualquer momento.", icon: Truck }
|
||||
]}
|
||||
title="Por que nos escolher?"
|
||||
description="Qualidade que entra em campo com você."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,137 +100,47 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="O Que Dizem os Cobras"
|
||||
description="Depoimentos de quem já vestiu a camisa com a gente."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lucas Silva",
|
||||
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",
|
||||
},
|
||||
{ id: "1", name: "Carlos V.", handle: "@carlos_bola", testimonial: "Qualidade excepcional, idêntica à de jogo!" },
|
||||
{ id: "2", name: "Ana P.", handle: "@ana_futebol", testimonial: "Entrega muito rápida e atendimento nota 10." },
|
||||
{ id: "3", name: "Rafael M.", handle: "@rafa_kit", testimonial: "A melhor loja para colecionadores." }
|
||||
]}
|
||||
title="O que dizem os craques"
|
||||
description="A opinião de quem já vestiu a camisa e recomenda."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas antes de finalizar sua compra."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Por que devemos confiar?",
|
||||
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.",
|
||||
},
|
||||
{ id: "1", title: "Os escudos são bordados?", content: "Sim, todos os nossos produtos possuem escudo e logo bordados com acabamento premium." },
|
||||
{ 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." },
|
||||
{ id: "3", title: "Tem garantia?", content: "Oferecemos garantia total contra defeitos de fabricação e suporte em caso de trocas." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-colombia-national-soccer-team_23-2149728376.jpg"
|
||||
title="Dúvidas Frequentes"
|
||||
description="Tudo o que você precisa saber."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
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",
|
||||
},
|
||||
]}
|
||||
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" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
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={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Produtos", href: "#products" }] },
|
||||
{ title: "Suporte", items: [{ label: "WhatsApp", href: "https://wa.me/5511999999999" }, { label: "Rastreio", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user