Update src/app/page.tsx
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Mapiqs"
|
||||
/>
|
||||
@@ -55,21 +43,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Mapiqs"
|
||||
description="Elegancia y resistencia en cada hilo. Descubre nuestra exclusiva colección de camisas y pantalonetas en textil drill."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Colección",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Ver Colección", href: "#products" }, { text: "Contacto", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-casual-men-fashion-clothes-set_74190-576.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -90,21 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Textil Drill Premium",
|
||||
description: "Material resistente y duradero con acabado suave.",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Corte Elegante",
|
||||
description: "Diseños que favorecen tu figura en cada situación.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Durabilidad Garantizada",
|
||||
description: "Prendas hechas para perdurar en tu closet.",
|
||||
},
|
||||
{ icon: Sparkles, title: "Textil Drill Premium", description: "Material resistente y duradero con acabado suave." },
|
||||
{ icon: CheckCircle, title: "Corte Elegante", description: "Diseños que favorecen tu figura en cada situación." },
|
||||
{ icon: Shield, title: "Durabilidad Garantizada", description: "Prendas hechas para perdurar en tu closet." },
|
||||
]}
|
||||
title="Nuestra Propuesta de Valor"
|
||||
description="Prestamos atención a cada detalle para ofrecerte la máxima calidad."
|
||||
@@ -118,48 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Camisa Elegante Drill",
|
||||
price: "$85.000",
|
||||
variant: "Beige",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pantaloneta Drill Classic",
|
||||
price: "$65.000",
|
||||
variant: "Navy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Camisa Drill Casual",
|
||||
price: "$85.000",
|
||||
variant: "Oliva",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-man-keeping-hands-waist-looking-up-isolated-olive-green-background-with-copy-space_141793-78008.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pantaloneta Slim Drill",
|
||||
price: "$70.000",
|
||||
variant: "Gris",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-tourist-with-camera-vacation_23-2148328893.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Camisa Drill Slim",
|
||||
price: "$88.000",
|
||||
variant: "Carbón",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-high-angle_23-2150264184.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pantaloneta Drill Urbana",
|
||||
price: "$75.000",
|
||||
variant: "Khaki",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14783.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Camisa Elegante Drill", price: "$85.000", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-standing-against-wall-talking-smart-phone_23-2148066827.jpg" },
|
||||
{ id: "p2", name: "Pantaloneta Drill Classic", price: "$65.000", variant: "Navy", imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg" },
|
||||
{ id: "p3", name: "Camisa Drill Casual", price: "$85.000", variant: "Oliva", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-man-keeping-hands-waist-looking-up-isolated-olive-green-background-with-copy-space_141793-78008.jpg" },
|
||||
{ id: "p4", name: "Pantaloneta Slim Drill", price: "$70.000", variant: "Gris", imageSrc: "http://img.b2bpic.net/free-photo/adult-tourist-with-camera-vacation_23-2148328893.jpg" },
|
||||
{ id: "p5", name: "Camisa Drill Slim", price: "$88.000", variant: "Carbón", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-high-angle_23-2150264184.jpg" },
|
||||
{ id: "p6", name: "Pantaloneta Drill Urbana", price: "$75.000", variant: "Khaki", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14783.jpg" },
|
||||
]}
|
||||
title="Colección Mapiqs"
|
||||
description="Explora nuestra selección cuidadosamente curada."
|
||||
@@ -172,27 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Camisas Vendidas",
|
||||
description: "Clientes satisfechos en todo el país.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13528.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Modelos Únicos",
|
||||
description: "Diseños originales en constante evolución.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-hat_23-2148988835.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Calificación",
|
||||
description: "Reseñas positivas de nuestra comunidad.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg",
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Camisas Vendidas", description: "Clientes satisfechos en todo el país.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13528.jpg" },
|
||||
{ id: "m2", value: "12", title: "Modelos Únicos", description: "Diseños originales en constante evolución.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-wearing-hat_23-2148988835.jpg" },
|
||||
{ id: "m3", value: "99%", title: "Calificación", description: "Reseñas positivas de nuestra comunidad.", imageSrc: "http://img.b2bpic.net/free-photo/awesome-man-dark-shirt-sweater-laughing-isolated-background_197531-26795.jpg" },
|
||||
]}
|
||||
title="Creciendo con Estilo"
|
||||
description="Nuestros números avalan la calidad Mapiqs."
|
||||
@@ -205,49 +116,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "@carlosruiz",
|
||||
testimonial: "Excelente calidad, el drill se nota premium desde el primer uso.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-model-sexy-stylish-man-dressed-white-shirt-jeans-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-23422.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana Gómez",
|
||||
handle: "@anagomez",
|
||||
testimonial: "Regalé una camisa y a mi esposo le encantó el corte y la tela.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-plaid-home-pants-choosing-shirt-wear_259150-57926.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jorge M.",
|
||||
handle: "@jorgem",
|
||||
testimonial: "Muy buen servicio al cliente y envío rápido.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luis P.",
|
||||
handle: "@luisp",
|
||||
testimonial: "Las pantalonetas tienen un ajuste perfecto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020775.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofía T.",
|
||||
handle: "@sofit",
|
||||
testimonial: "Mapiqs es mi tienda favorita para prendas básicas de alta calidad.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-young-woman-coat-sitting-sofa_171337-16904.jpg",
|
||||
},
|
||||
{ id: "1", name: "Carlos Ruiz", handle: "@carlosruiz", testimonial: "Excelente calidad, el drill se nota premium desde el primer uso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-model-sexy-stylish-man-dressed-white-shirt-jeans-fashion-hipster-male-posing-near-blue-wall-studio-isolated_158538-23422.jpg" },
|
||||
{ id: "2", name: "Ana Gómez", handle: "@anagomez", testimonial: "Regalé una camisa y a mi esposo le encantó el corte y la tela.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-plaid-home-pants-choosing-shirt-wear_259150-57926.jpg" },
|
||||
{ id: "3", name: "Jorge M.", handle: "@jorgem", testimonial: "Muy buen servicio al cliente y envío rápido.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg" },
|
||||
{ id: "4", name: "Luis P.", handle: "@luisp", testimonial: "Las pantalonetas tienen un ajuste perfecto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020775.jpg" },
|
||||
{ id: "5", name: "Sofía T.", handle: "@sofit", testimonial: "Mapiqs es mi tienda favorita para prendas básicas de alta calidad.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-smiling-young-woman-coat-sitting-sofa_171337-16904.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Testimonios de nuestros clientes sobre la calidad y el estilo de nuestras prendas."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -256,23 +133,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Tienen envíos nacionales?",
|
||||
content: "Sí, realizamos envíos a todo el país con pago contra entrega.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Cuál es el cuidado recomendado?",
|
||||
content: "Recomendamos lavar con agua fría y no usar secadora para mantener el textil drill intacto.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Puedo cambiar mi talla?",
|
||||
content: "Sí, tienes hasta 30 días para realizar cambios si la prenda no ha sido usada.",
|
||||
},
|
||||
{ id: "f1", title: "¿Tienen envíos nacionales?", content: "Sí, realizamos envíos a todo el país con pago contra entrega." },
|
||||
{ id: "f2", title: "¿Cuál es el cuidado recomendado?", content: "Recomendamos lavar con agua fría y no usar secadora para mantener el textil drill intacto." },
|
||||
{ id: "f3", title: "¿Puedo cambiar mi talla?", content: "Sí, tienes hasta 30 días para realizar cambios si la prenda no ha sido usada." },
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos todas tus dudas sobre nuestros productos y servicios."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -280,16 +146,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="¡Escríbenos y lleva tu estilo al siguiente nivel!"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/573000000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp", href: "https://wa.me/573000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,36 +156,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Mapiqs"
|
||||
columns={[
|
||||
{
|
||||
title: "Tienda",
|
||||
items: [
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Tienda", items: [{ label: "Productos", href: "#products" }, { label: "Sobre", href: "#about" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user