Merge version_1 into main #2
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Produtos", id: "products"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="Ordman"
|
||||
/>
|
||||
@@ -55,38 +47,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elegância que define seu estilo."
|
||||
description="Descubra uma curadoria exclusiva de moda masculina, unindo o clássico ao contemporâneo. Qualidade premium para homens que valorizam cada detalhe."
|
||||
tag="Nova Coleção 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Coleção",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Coleção", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19723.jpg",
|
||||
imageAlt: "Loja Ordman",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-bearded-male-with-tattoos-hands-neck-chooses-new-suit-menswear-store_613910-19723.jpg", imageAlt: "Loja Ordman"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-outdoors_23-2148184868.jpg",
|
||||
imageAlt: "Moda Masculina",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-pensive-man-shop_171337-18964.jpg",
|
||||
imageAlt: "Serious pensive man in shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-shoes-shop_1303-19723.jpg",
|
||||
imageAlt: "Young handsome man choosing shoes at a shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit-posing-shop_171337-18955.jpg",
|
||||
imageAlt: "Man in suit posing shop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-outdoors_23-2148184868.jpg", imageAlt: "Moda Masculina"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -112,59 +85,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Ordman",
|
||||
name: "Sapato Oxford Premium",
|
||||
price: "R$ 459,00",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-shoes-isolated_1303-12947.jpg",
|
||||
},
|
||||
id: "p1", brand: "Ordman", name: "Sapato Oxford Premium", price: "R$ 459,00", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-shoes-isolated_1303-12947.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Ordman",
|
||||
name: "Camisa Social Slim Fit",
|
||||
price: "R$ 289,00",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2598.jpg",
|
||||
},
|
||||
id: "p2", brand: "Ordman", name: "Camisa Social Slim Fit", price: "R$ 289,00", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2598.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Ordman",
|
||||
name: "Blazer de Lã Fria",
|
||||
price: "R$ 890,00",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-businessman-model-dressed-elegant-checkered-suit-posing-street_158538-13989.jpg",
|
||||
},
|
||||
id: "p3", brand: "Ordman", name: "Blazer de Lã Fria", price: "R$ 890,00", rating: 4,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-businessman-model-dressed-elegant-checkered-suit-posing-street_158538-13989.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Ordman",
|
||||
name: "Jeans Dark Wash",
|
||||
price: "R$ 320,00",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-teenager-skateboarding-bike-lane_23-2147713715.jpg",
|
||||
},
|
||||
id: "p4", brand: "Ordman", name: "Jeans Dark Wash", price: "R$ 320,00", rating: 5,
|
||||
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/crop-teenager-skateboarding-bike-lane_23-2147713715.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Ordman",
|
||||
name: "Cinto de Couro Legítimo",
|
||||
price: "R$ 150,00",
|
||||
rating: 4,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/belt_1339-1664.jpg",
|
||||
},
|
||||
id: "p5", brand: "Ordman", name: "Cinto de Couro Legítimo", price: "R$ 150,00", rating: 4,
|
||||
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/belt_1339-1664.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Ordman",
|
||||
name: "Óculos de Sol Classic",
|
||||
price: "R$ 210,00",
|
||||
rating: 5,
|
||||
reviewCount: "27",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11230.jpg",
|
||||
},
|
||||
id: "p6", brand: "Ordman", name: "Óculos de Sol Classic", price: "R$ 210,00", rating: 5,
|
||||
reviewCount: "27", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11230.jpg"},
|
||||
]}
|
||||
title="Peças Essenciais"
|
||||
description="Explore nossa seleção de vestuário e acessórios escolhidos para compor looks versáteis e elegantes."
|
||||
@@ -178,29 +115,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Qualidade Superior",
|
||||
descriptions: [
|
||||
"Tecidos premium selecionados para durabilidade.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575314.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Qualidade Superior", descriptions: [
|
||||
"Tecidos premium selecionados para durabilidade."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575314.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Curadoria de Estilo",
|
||||
descriptions: [
|
||||
"Peças pensadas para o homem moderno.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-christmas-wrapping-process_23-2148332560.jpg",
|
||||
},
|
||||
id: "f2", title: "Curadoria de Estilo", descriptions: [
|
||||
"Peças pensadas para o homem moderno."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-christmas-wrapping-process_23-2148332560.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Atendimento VIP",
|
||||
descriptions: [
|
||||
"Experiência única em nossa loja no Plaza.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-adjusting-dress-female-customer-woman-trying-clothes-fashion-store-buying-clothes-boutique-concept_74855-11995.jpg",
|
||||
},
|
||||
id: "f3", title: "Atendimento VIP", descriptions: [
|
||||
"Experiência única em nossa loja no Plaza."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-assistant-adjusting-dress-female-customer-woman-trying-clothes-fashion-store-buying-clothes-boutique-concept_74855-11995.jpg"},
|
||||
]}
|
||||
title="Por que a Ordman?"
|
||||
description="Entregamos mais que roupas, entregamos confiança."
|
||||
@@ -213,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excelente!",
|
||||
quote: "Melhor lugar de comprar roupas do Shopping Plaza em Casa Forte.",
|
||||
name: "Carlos Silva",
|
||||
role: "Empresário",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
},
|
||||
id: "t1", title: "Excelente!", quote: "Melhor lugar de comprar roupas do Shopping Plaza em Casa Forte.", name: "Carlos Silva", role: "Empresário", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Muito satisfeito",
|
||||
quote: "Qualidade impecável, as roupas duram muito.",
|
||||
name: "Ricardo Melo",
|
||||
role: "Advogado",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-handsome-caucasian-man-sun-glasses-wearing-blue-party-hat-holds-looks-helium-balloons-paper-shopping-bags_141793-100015.jpg",
|
||||
},
|
||||
id: "t2", title: "Muito satisfeito", quote: "Qualidade impecável, as roupas duram muito.", name: "Ricardo Melo", role: "Advogado", imageSrc: "http://img.b2bpic.net/free-photo/joyful-handsome-caucasian-man-sun-glasses-wearing-blue-party-hat-holds-looks-helium-balloons-paper-shopping-bags_141793-100015.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Indico muito!",
|
||||
quote: "O atendimento no Plaza é sempre excelente.",
|
||||
name: "Felipe Souza",
|
||||
role: "Arquiteto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-handsome-man-suit-street_158538-10183.jpg",
|
||||
},
|
||||
id: "t3", title: "Indico muito!", quote: "O atendimento no Plaza é sempre excelente.", name: "Felipe Souza", role: "Arquiteto", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-handsome-man-suit-street_158538-10183.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Ótimo custo-benefício",
|
||||
quote: "Peças elegantes e com preço justo.",
|
||||
name: "Gustavo Lima",
|
||||
role: "Médico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19854.jpg",
|
||||
},
|
||||
id: "t4", title: "Ótimo custo-benefício", quote: "Peças elegantes e com preço justo.", name: "Gustavo Lima", role: "Médico", imageSrc: "http://img.b2bpic.net/free-photo/young-man-buying-cloths-paying-with-cash-shop_1303-19854.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Atendimento Nota 10",
|
||||
quote: "A equipe sempre me ajuda a escolher o melhor estilo.",
|
||||
name: "Thiago Borges",
|
||||
role: "Engenheiro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
},
|
||||
id: "t5", title: "Atendimento Nota 10", quote: "A equipe sempre me ajuda a escolher o melhor estilo.", name: "Thiago Borges", role: "Engenheiro", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg"},
|
||||
]}
|
||||
title="O que nossos clientes dizem"
|
||||
description="Clientes satisfeitos com a qualidade e atendimento da Ordman."
|
||||
@@ -263,14 +158,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Moda Prime",
|
||||
"Elite Style",
|
||||
"Tailor Tech",
|
||||
"Urban Men",
|
||||
"Luxury Fabric",
|
||||
"Classy Fit",
|
||||
"TrendSetter",
|
||||
]}
|
||||
"Moda Prime", "Elite Style", "Tailor Tech", "Urban Men", "Luxury Fabric", "Classy Fit", "TrendSetter"]}
|
||||
title="Marcas que confiam na Ordman"
|
||||
description="Trabalhamos com os melhores fornecedores do mercado."
|
||||
/>
|
||||
@@ -282,25 +170,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quais os horários de funcionamento?",
|
||||
content: "Estamos abertos diariamente das 09:00 às 22:00.",
|
||||
},
|
||||
id: "q1", title: "Quais os horários de funcionamento?", content: "Estamos abertos diariamente das 09:00 às 22:00."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Como realizar uma troca?",
|
||||
content: "Consulte nosso regulamento de trocas diretamente na loja.",
|
||||
},
|
||||
id: "q2", title: "Como realizar uma troca?", content: "Consulte nosso regulamento de trocas diretamente na loja."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Onde estamos localizados?",
|
||||
content: "No Plaza Casa Forte, Recife - Loja 02.",
|
||||
},
|
||||
id: "q3", title: "Onde estamos localizados?", content: "No Plaza Casa Forte, Recife - Loja 02."},
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Estamos aqui para ajudar com qualquer informação sobre nossos serviços."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575314.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575314.jpg"
|
||||
imageAlt="Dúvidas Frequentes"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -313,27 +192,16 @@ export default function LandingPage() {
|
||||
description="Entre em contato conosco para dúvidas, agendamentos ou informações sobre coleções."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome",
|
||||
type: "text",
|
||||
placeholder: "Seu Nome",
|
||||
required: true,
|
||||
name: "nome", type: "text", placeholder: "Seu Nome", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu E-mail",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Seu E-mail", required: true,
|
||||
},
|
||||
{
|
||||
name: "telefone",
|
||||
type: "tel",
|
||||
placeholder: "Seu Telefone",
|
||||
},
|
||||
name: "telefone", type: "tel", placeholder: "Seu Telefone"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensagem",
|
||||
placeholder: "Como podemos ajudar?",
|
||||
rows: 4,
|
||||
name: "mensagem", placeholder: "Como podemos ajudar?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-standing-front-shop-using-smartphone_23-2147968371.jpg"
|
||||
/>
|
||||
@@ -345,29 +213,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre", href: "#about"},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produtos", href: "#products"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user