bender/7125fc86-cc82-4a21-9d69-8f9ad1cb82ee
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 03:37:30 +00:00
parent ad524634b1
commit 179a72cb96
1 changed files with 51 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -32,100 +32,46 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Productos",
id: "products",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Productos", id: "products" },
{ name: "Contacto", id: "contact" },
]}
brandName="Mt Accesorios"
button={{ text: "Comprar", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Elegancia que Define tu Estilo"
description="Descubre nuestra colección exclusiva de accesorios premium, diseñados para quienes buscan distinción y calidad en cada detalle."
kpis={[
{
value: "500+",
label: "Productos Premium",
},
{
value: "15k+",
label: "Clientes Felices",
},
{
value: "10+",
label: "Años de Trayectoria",
},
{ value: "500+", label: "Productos Premium" },
{ value: "15k+", label: "Clientes Felices" },
{ value: "10+", label: "Años de Trayectoria" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Ver Catálogo",
href: "#products",
},
{ text: "Ver Catálogo", href: "#products" },
]}
imageSrc="http://img.b2bpic.net/free-photo/white-flowers-with-cosmetics-woman-shoes-table_23-2148055218.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-travel-items-arrangement_23-2148666247.jpg",
alt: "Top view travel items arrangement",
},
{
src: "http://img.b2bpic.net/free-photo/wedding-rings-white-high-heels-black-shoes-scarf_23-2148187462.jpg",
alt: "Wedding rings between the white high heels and black shoes on scarf",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-make-up-products-black-background_23-2148299630.jpg",
alt: "Top view arrangement with make-up products on black background",
},
{
src: "http://img.b2bpic.net/free-photo/frame-panama-hat-palm-leaves-sea-stars_23-2148100577.jpg",
alt: "Frame of panama hat, palm leaves and sea stars",
},
{
src: "http://img.b2bpic.net/free-photo/master-painting-gesso-sculpture-high-quality-photo_114579-12202.jpg",
alt: "Master painting a gesso sculpture",
},
{ src: "http://img.b2bpic.net/free-photo/top-view-travel-items-arrangement_23-2148666247.jpg", alt: "Top view travel items arrangement" },
{ src: "http://img.b2bpic.net/free-photo/wedding-rings-white-high-heels-black-shoes-scarf_23-2148187462.jpg", alt: "Wedding rings between the white high heels and black shoes on scarf" },
{ src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-make-up-products-black-background_23-2148299630.jpg", alt: "Top view arrangement with make-up products on black background" },
{ src: "http://img.b2bpic.net/free-photo/frame-panama-hat-palm-leaves-sea-stars_23-2148100577.jpg", alt: "Frame of panama hat, palm leaves and sea stars" },
{ src: "http://img.b2bpic.net/free-photo/master-painting-gesso-sculpture-high-quality-photo_114579-12202.jpg", alt: "Master painting a gesso sculpture" },
]}
marqueeItems={[
{
type: "text",
text: "Diseño Exclusivo",
},
{
type: "text",
text: "Calidad Garantizada",
},
{
type: "text",
text: "Envío Inmediato",
},
{
type: "text",
text: "Materiales Premium",
},
{
type: "text",
text: "Atención Personalizada",
},
{ type: "text", text: "Diseño Exclusivo" },
{ type: "text", text: "Calidad Garantizada" },
{ type: "text", text: "Envío Inmediato" },
{ type: "text", text: "Materiales Premium" },
{ type: "text", text: "Atención Personalizada" },
]}
/>
</div>
@@ -135,10 +81,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="El Arte de la Distinción"
buttons={[
{
text: "Nuestra Historia",
href: "#",
},
{ text: "Nuestra Historia", href: "#" },
]}
/>
</div>
@@ -150,48 +93,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Reloj Eclipse",
price: "$120",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.jpg",
},
{
id: "p2",
name: "Cartera Minimal",
price: "$85",
variant: "Cuero",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11195.jpg",
},
{
id: "p3",
name: "Collar Aurora",
price: "$95",
variant: "Oro",
imageSrc: "http://img.b2bpic.net/free-vector/classic-ornamental-frame_53876-93409.jpg",
},
{
id: "p4",
name: "Lentes Onyx",
price: "$110",
variant: "UV400",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670743.jpg",
},
{
id: "p5",
name: "Anillo Titan",
price: "$70",
variant: "Acero",
imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg",
},
{
id: "p6",
name: "Gemelos Classic",
price: "$60",
variant: "Plata",
imageSrc: "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17838.jpg",
},
{ id: "p1", name: "Reloj Eclipse", price: "$120", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.jpg" },
{ id: "p2", name: "Cartera Minimal", price: "$85", variant: "Cuero", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11195.jpg" },
{ id: "p3", name: "Collar Aurora", price: "$95", variant: "Oro", imageSrc: "http://img.b2bpic.net/free-vector/classic-ornamental-frame_53876-93409.jpg" },
{ id: "p4", name: "Lentes Onyx", price: "$110", variant: "UV400", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670743.jpg" },
{ id: "p5", name: "Anillo Titan", price: "$70", variant: "Acero", imageSrc: "http://img.b2bpic.net/free-photo/white-beige-wedding-shoes-circled-around-engagement-ring-middle_8353-10521.jpg" },
{ id: "p6", name: "Gemelos Classic", price: "$60", variant: "Plata", imageSrc: "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17838.jpg" },
]}
title="Colección Destacada"
description="Explora nuestras piezas artesanales seleccionadas por su diseño único y durabilidad excepcional."
@@ -205,27 +112,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99%",
title: "Calidad Garantizada",
description: "Materiales premium seleccionados.",
icon: CheckCircle,
},
{
id: "m2",
value: "24h",
title: "Envío Rápido",
description: "Procesamos tu orden al instante.",
icon: Zap,
},
{
id: "m3",
value: "100%",
title: "Satisfacción",
description: "Cambios y devoluciones fáciles.",
icon: Award,
},
{ id: "m1", value: "99%", title: "Calidad Garantizada", description: "Materiales premium seleccionados.", icon: CheckCircle },
{ id: "m2", value: "24h", title: "Envío Rápido", description: "Procesamos tu orden al instante.", icon: Zap },
{ id: "m3", value: "100%", title: "Satisfacción", description: "Cambios y devoluciones fáciles.", icon: Award },
]}
title="Calidad que se Nota"
description="Números que reflejan nuestro compromiso con la excelencia."
@@ -239,24 +128,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Maria Torres",
role: "Fundadora",
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-brunette-girl-with-stylish-makep-walking-around-town-outdoor-portrait-blissful-female-model-with-wavy-hairstyle_197531-11298.jpg",
},
{
id: "t2",
name: "Juan Perez",
role: "Diseñador Senior",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-man-suit-making-proposal-giving-engagement-ring-raising-glass-champagne-standing-against-white-background_1258-64642.jpg",
},
{
id: "t3",
name: "Lucia Diaz",
role: "Logística",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-shopping-bags_23-2148238181.jpg",
},
{ id: "t1", name: "Maria Torres", role: "Fundadora", imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-brunette-girl-with-stylish-makep-walking-around-town-outdoor-portrait-blissful-female-model-with-wavy-hairstyle_197531-11298.jpg" },
{ id: "t2", name: "Juan Perez", role: "Diseñador Senior", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-man-suit-making-proposal-giving-engagement-ring-raising-glass-champagne-standing-against-white-background_1258-64642.jpg" },
{ id: "t3", name: "Lucia Diaz", role: "Logística", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-shopping-bags_23-2148238181.jpg" },
]}
title="Detrás de Mt Accesorios"
description="El equipo creativo que hace posible cada pieza."
@@ -269,60 +143,16 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "test1",
name: "Sofia G.",
role: "Cliente VIP",
company: "Mt Accesorios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30666.jpg",
},
{
id: "test2",
name: "Carlos M.",
role: "Entusiasta",
company: "Mt Accesorios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23068.jpg",
},
{
id: "test3",
name: "Ana R.",
role: "Compradora",
company: "Mt Accesorios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11094.jpg",
},
{
id: "test4",
name: "Diego F.",
role: "Regalo",
company: "Mt Accesorios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/shopping-young-female-model-holding-her-purse-touching-lip-thoughtful-smiling-staring-upper-l_1258-127131.jpg",
},
{
id: "test5",
name: "Elena V.",
role: "Fiel",
company: "Mt Accesorios",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman-dressed-stylish-blue-jacket-walking-autumn-sunny-street-wearing-elegant-sunglasses-earrings_285396-7846.jpg",
},
{ id: "test1", name: "Sofia G.", role: "Cliente VIP", company: "Mt Accesorios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30666.jpg" },
{ id: "test2", name: "Carlos M.", role: "Entusiasta", company: "Mt Accesorios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23068.jpg" },
{ id: "test3", name: "Ana R.", role: "Compradora", company: "Mt Accesorios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11094.jpg" },
{ id: "test4", name: "Diego F.", role: "Regalo", company: "Mt Accesorios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/shopping-young-female-model-holding-her-purse-touching-lip-thoughtful-smiling-staring-upper-l_1258-127131.jpg" },
{ id: "test5", name: "Elena V.", role: "Fiel", company: "Mt Accesorios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-woman-dressed-stylish-blue-jacket-walking-autumn-sunny-street-wearing-elegant-sunglasses-earrings_285396-7846.jpg" },
]}
kpiItems={[
{
value: "4.9",
label: "Calificación",
},
{
value: "1k+",
label: "Reseñas",
},
{
value: "98%",
label: "Recomendación",
},
{ value: "4.9", label: "Calificación" },
{ value: "1k+", label: "Reseñas" },
{ value: "98%", label: "Recomendación" },
]}
title="Lo que dicen nuestros clientes"
description="Historias de quienes ya elevaron su estilo con nosotros."
@@ -333,21 +163,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "¿Tienen garantía?",
content: "Sí, todas nuestras piezas cuentan con 1 año de garantía.",
},
{
id: "f2",
title: "¿Envían a todo el país?",
content: "Sí, realizamos envíos nacionales seguros en 24-48 horas.",
},
{
id: "f3",
title: "¿Cómo elijo mi talla?",
content: "Contamos con una guía de tallas detallada en cada producto.",
},
{ id: "f1", title: "¿Tienen garantía?", content: "Sí, todas nuestras piezas cuentan con 1 año de garantía." },
{ id: "f2", title: "¿Envían a todo el país?", content: "Sí, realizamos envíos nacionales seguros en 24-48 horas." },
{ id: "f3", title: "¿Cómo elijo mi talla?", content: "Contamos con una guía de tallas detallada en cada producto." },
]}
sideTitle="Preguntas Frecuentes"
faqsAnimation="slide-up"
@@ -358,8 +176,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contacto"
title="Mantente en Contacto"
description="Suscríbete a nuestro newsletter para recibir ofertas exclusivas."
@@ -371,29 +188,15 @@ export default function LandingPage() {
logoText="Mt Accesorios"
columns={[
{
title: "Enlaces",
items: [
{
label: "Inicio",
href: "#hero",
},
{
label: "Productos",
href: "#products",
},
title: "Enlaces", items: [
{ label: "Inicio", href: "#hero" },
{ label: "Productos", href: "#products" },
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
title: "Legal", items: [
{ label: "Privacidad", href: "#" },
{ label: "Términos", href: "#" },
],
},
]}