Update src/app/page.tsx

src/app/page.tsx

@@ -32,100 +32,46 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",
+        { name: "Nosotros", id: "about" },
-          id: "hero",
+        { name: "Productos", id: "products" },
-        },
+        { name: "Contacto", id: "contact" },
-        {
-          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: "500+",
+        { value: "15k+", label: "Clientes Felices" },
-          label: "Productos Premium",
+        { value: "10+", label: "Años de Trayectoria" },
-        },
-        {
-          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/top-view-travel-items-arrangement_23-2148666247.jpg",
+        { 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" },
-          alt: "Top view travel items arrangement",
+        { 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/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",
+        { type: "text", text: "Calidad Garantizada" },
-          text: "Diseño Exclusivo",
+        { type: "text", text: "Envío Inmediato" },
-        },
+        { type: "text", text: "Materiales Premium" },
-        {
+        { type: "text", text: "Atención Personalizada" },
-          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: "p1",
+        { 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" },
-          name: "Reloj Eclipse",
+        { id: "p3", name: "Collar Aurora", price: "$95", variant: "Oro", imageSrc: "http://img.b2bpic.net/free-vector/classic-ornamental-frame_53876-93409.jpg" },
-          price: "$120",
+        { id: "p4", name: "Lentes Onyx", price: "$110", variant: "UV400", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670743.jpg" },
-          variant: "Premium",
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.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: "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: "m1",
+        { id: "m2", value: "24h", title: "Envío Rápido", description: "Procesamos tu orden al instante.", icon: Zap },
-          value: "99%",
+        { id: "m3", value: "100%", title: "Satisfacción", description: "Cambios y devoluciones fáciles.", icon: Award },
-          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: "t1",
+        { 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" },
-          name: "Maria Torres",
+        { 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" },
-          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: "test1",
+        { 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" },
-          name: "Sofia G.",
+        { 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" },
-          role: "Cliente VIP",
+        { 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" },
-          company: "Mt Accesorios",
+        { 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" },
-          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: "4.9",
+        { value: "1k+", label: "Reseñas" },
-          label: "Calificación",
+        { value: "98%", label: "Recomendació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: "f1",
+        { id: "f2", title: "¿Envían a todo el país?", content: "Sí, realizamos envíos nacionales seguros en 24-48 horas." },
-          title: "¿Tienen garantía?",
+        { id: "f3", title: "¿Cómo elijo mi talla?", content: "Contamos con una guía de tallas detallada en cada producto." },
-          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",
+          title: "Enlaces",          items: [
-          items: [
+            { label: "Inicio", href: "#hero" },
-            {
+            { label: "Productos", href: "#products" },
-              label: "Inicio",
-              href: "#hero",
-            },
-            {
-              label: "Productos",
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
+            { label: "Privacidad", href: "#" },
-            {
+            { label: "Términos", href: "#" },
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
           ],
         },
       ]}