Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", 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="Muryllo Class"
|
||||
/>
|
||||
@@ -56,47 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Muryllo Class"
|
||||
description="Elegância e estilo autêntico para o seu dia a dia em Simão Dias."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Coleção",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Coleção", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949769.jpg",
|
||||
imageAlt: "Loja 1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949769.jpg", imageAlt: "Loja 1"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885667.jpg",
|
||||
imageAlt: "Loja 2",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885667.jpg", imageAlt: "Loja 2"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-clothing-store_1203-835.jpg",
|
||||
imageAlt: "Loja 3",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/blurred-clothing-store_1203-835.jpg", imageAlt: "Loja 3"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg",
|
||||
imageAlt: "Loja 4",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-brown-polkadot-dress-preens-before-date-looking-mirror-her-bright-room_197531-25601.jpg", imageAlt: "Loja 4"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353733.jpg",
|
||||
imageAlt: "Loja 5",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353733.jpg", imageAlt: "Loja 5"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
|
||||
imageAlt: "Loja 6",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg", imageAlt: "Loja 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,9 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Nossa Essência"
|
||||
description={[
|
||||
"A Muryllo Class nasceu do desejo de trazer elegância e conforto para Simão Dias.",
|
||||
"Selecionamos cada peça pensando no seu bem-estar e na sua expressão pessoal.",
|
||||
]}
|
||||
"A Muryllo Class nasceu do desejo de trazer elegância e conforto para Simão Dias.", "Selecionamos cada peça pensando no seu bem-estar e na sua expressão pessoal."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,26 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Curadoria",
|
||||
description: "Seleção cuidadosa de tendências.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924141.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915588.jpg",
|
||||
buttonText: "Ver",
|
||||
},
|
||||
title: "Curadoria", description: "Seleção cuidadosa de tendências.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924141.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/clothes-store-employees-working_23-2148915588.jpg", buttonText: "Ver"},
|
||||
{
|
||||
title: "Estilo",
|
||||
description: "Peças versáteis para qualquer ocasião.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/female-retail-assistant-taking-man-wheelchair-dressing-room_482257-109845.jpg",
|
||||
buttonText: "Ver",
|
||||
},
|
||||
title: "Estilo", description: "Peças versáteis para qualquer ocasião.", imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-108841.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/female-retail-assistant-taking-man-wheelchair-dressing-room_482257-109845.jpg", buttonText: "Ver"},
|
||||
{
|
||||
title: "Conforto",
|
||||
description: "Tecidos selecionados para o seu dia.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12049.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg",
|
||||
buttonText: "Ver",
|
||||
},
|
||||
title: "Conforto", description: "Tecidos selecionados para o seu dia.", imageSrc: "http://img.b2bpic.net/free-photo/two-women-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-front-view-consumerism-shopping-concept_74855-12049.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-friends-sitting-together-using-tablet-discussing-clothes-purchases-fashion-store-copy-space-consumerism-shopping-concept_74855-11590.jpg", buttonText: "Ver"},
|
||||
]}
|
||||
title="Por que nos escolher"
|
||||
description="Qualidade e atendimento exclusivo."
|
||||
@@ -148,52 +102,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Camisa Casual",
|
||||
price: "R$ 89",
|
||||
variant: "Azul",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-black-suit-hair-bun-makeup-smiling-posing-standing-near-gates-outdoor-hand-waist-looking-down-stylish-fashion_343629-84.jpg",
|
||||
},
|
||||
id: "1", name: "Camisa Casual", price: "R$ 89", variant: "Azul", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-black-suit-hair-bun-makeup-smiling-posing-standing-near-gates-outdoor-hand-waist-looking-down-stylish-fashion_343629-84.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Calça Jeans",
|
||||
price: "R$ 159",
|
||||
variant: "Slim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-japanese-woman-with-jacket_23-2148870738.jpg",
|
||||
},
|
||||
id: "2", name: "Calça Jeans", price: "R$ 159", variant: "Slim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-japanese-woman-with-jacket_23-2148870738.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vestido Floral",
|
||||
price: "R$ 199",
|
||||
variant: "Verão",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg",
|
||||
},
|
||||
id: "3", name: "Vestido Floral", price: "R$ 199", variant: "Verão", imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-recommending-shirt-sale-senior-woman_482257-93018.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jaqueta Style",
|
||||
price: "R$ 249",
|
||||
variant: "Preta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-items-arrangement_23-2148666247.jpg",
|
||||
},
|
||||
id: "4", name: "Jaqueta Style", price: "R$ 249", variant: "Preta", imageSrc: "http://img.b2bpic.net/free-photo/top-view-travel-items-arrangement_23-2148666247.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Blusa Seda",
|
||||
price: "R$ 129",
|
||||
variant: "Branca",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-stands-near-window_8353-7584.jpg",
|
||||
},
|
||||
id: "5", name: "Blusa Seda", price: "R$ 129", variant: "Branca", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-stands-near-window_8353-7584.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Shorts Verão",
|
||||
price: "R$ 99",
|
||||
variant: "Color",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164686.jpg",
|
||||
},
|
||||
id: "6", name: "Shorts Verão", price: "R$ 99", variant: "Color", imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-efecto_23-2148164686.jpg"},
|
||||
]}
|
||||
title="Nossos Destaques"
|
||||
description="Confira as últimas novidades da nossa coleção."
|
||||
@@ -208,25 +133,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5+",
|
||||
title: "Anos",
|
||||
description: "De moda em Simão Dias",
|
||||
icon: Calendar,
|
||||
id: "m1", value: "5+", title: "Anos", description: "De moda em Simão Dias", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2k+",
|
||||
title: "Clientes",
|
||||
description: "Satisfeitos atendidos",
|
||||
icon: Users,
|
||||
id: "m2", value: "2k+", title: "Clientes", description: "Satisfeitos atendidos", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Qualidade",
|
||||
description: "Garantida em cada peça",
|
||||
icon: Award,
|
||||
id: "m3", value: "100%", title: "Qualidade", description: "Garantida em cada peça", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Nossa trajetória"
|
||||
@@ -241,45 +154,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana",
|
||||
handle: "@ana_silva",
|
||||
testimonial: "Adoro a qualidade das roupas!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-woman-looking-dress_1170-810.jpg",
|
||||
},
|
||||
id: "1", name: "Ana", handle: "@ana_silva", testimonial: "Adoro a qualidade das roupas!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-beautiful-woman-looking-dress_1170-810.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "João",
|
||||
handle: "@joao_santos",
|
||||
testimonial: "Atendimento incrível, recomendo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg",
|
||||
},
|
||||
id: "2", name: "João", handle: "@joao_santos", testimonial: "Atendimento incrível, recomendo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-standing-cafe-with-shopping-bags_1157-32427.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria",
|
||||
handle: "@maria_m",
|
||||
testimonial: "Sempre encontro o que preciso.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8478.jpg",
|
||||
},
|
||||
id: "3", name: "Maria", handle: "@maria_m", testimonial: "Sempre encontro o que preciso.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8478.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pedro",
|
||||
handle: "@pedro_v",
|
||||
testimonial: "As peças são lindas e duráveis.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623414.jpg",
|
||||
},
|
||||
id: "4", name: "Pedro", handle: "@pedro_v", testimonial: "As peças são lindas e duráveis.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623414.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carla",
|
||||
handle: "@carlinha",
|
||||
testimonial: "Preços justos e ótimo estilo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-shopper-choosing-clothes_23-2147666166.jpg",
|
||||
},
|
||||
id: "5", name: "Carla", handle: "@carlinha", testimonial: "Preços justos e ótimo estilo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-shopper-choosing-clothes_23-2147666166.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Depoimentos"
|
||||
@@ -293,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Horários?",
|
||||
content: "Seg-Sex, 08h-18h",
|
||||
},
|
||||
id: "f1", title: "Horários?", content: "Seg-Sex, 08h-18h"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Local?",
|
||||
content: "R. Manoel Carregosa, Simão Dias.",
|
||||
},
|
||||
id: "f2", title: "Local?", content: "R. Manoel Carregosa, Simão Dias."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Entregam?",
|
||||
content: "Consulte-nos pelo contato.",
|
||||
},
|
||||
id: "f3", title: "Entregam?", content: "Consulte-nos pelo contato."},
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Estamos aqui para ajudar."
|
||||
@@ -318,16 +197,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contato"
|
||||
title="Fale Conosco"
|
||||
description="Entre em contato e saiba mais sobre nossas coleções."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
text: "WhatsApp", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,25 +212,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produtos", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidade", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user