From e6457584e4f1db4eb2488f587cdb6dc8e024ebe0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 14:31:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 226 ++++++++---------------------------------------
 1 file changed, 37 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f111b1c..3e059dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { CheckCircle, Timer, Zap } from "lucide-react";
+import { CheckCircle, Timer, Zap, Barcode, Calculator, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,17 +30,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Inicio",
-          id: "hero",
-        },
+          name: "Inicio",          id: "hero"},
         {
-          name: "Funciones",
-          id: "features",
-        },
+          name: "Funciones",          id: "features"},
         {
-          name: "Contacto",
-          id: "contact",
-        },
+          name: "Contacto",          id: "contact"},
       ]}
       brandName="BarcodePro"
     />
@@ -49,136 +43,54 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
-      }}
-      title="Gestión Profesional de Etiquetas y Tickets"
-      description="Optimice sus ventas y control de inventario con impresión precisa de códigos de barras y presupuestos en formato de 50mm."
+        variant: "gradient-bars"}}
+      title="Gestión Integral de Productos y Costos"
+      description="Catálogo completo con cálculo de márgenes, integración de stock, generación automática de códigos de barras y soporte para impresión directa."
       kpis={[
         {
-          value: "50mm",
-          label: "Ancho de Papel",
-        },
+          value: "Profit",          label: "Cálculo de Margen"},
         {
-          value: "100%",
-          label: "Precisión",
-        },
+          value: "Stock",          label: "Inventario Real"},
         {
-          value: "Fast",
-          label: "Velocidad",
-        },
+          value: "Print",          label: "Etiquetado Rápido"},
       ]}
       enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg?_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtdpQUfBxBUeQaqf36TUY6usAz/uploaded-1775313094963-jmkljep9.png"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/conveyor-belt-with-fake-news_23-2148824747.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-woman-shopping-with-mask_23-2149445538.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/conveyor-belt-with-fake-news_23-2148824747.jpg",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Más de 500 comercios confían en nosotros"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Eficiencia",
-        },
-        {
-          type: "text-icon",
-          text: "Precisión",
-          icon: CheckCircle,
-        },
-        {
-          type: "text",
-          text: "Rapidez",
-        },
-        {
-          type: "text-icon",
-          text: "Soporte 24/7",
-          icon: Zap,
-        },
-        {
-          type: "text",
-          text: "Stock Real",
-        },
+        { type: "text-icon", text: "Barcode Gen", icon: Barcode },
+        { type: "text-icon", text: "Profit Calcs", icon: Calculator },
+        { type: "text-icon", text: "Stock Sync", icon: TrendingUp },
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardOne
+      <FeatureCardTwentyThree
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
+      title="Potencial de Gestión"
+      description="Suite completa para el control total de su mercancía."
       features={[
-        {
-          title: "Códigos de Barras",
-          description: "Generación instantánea de etiquetas compatibles con lectores estándar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-fake-news_23-2148824747.jpg?_wi=1",
-        },
-        {
-          title: "Presupuestos en Ticket",
-          description: "Formato optimizado de 50mm para presupuestos rápidos y claros.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shopping-with-mask_23-2149445538.jpg?_wi=1",
-        },
-        {
-          title: "Control de Stock",
-          description: "Gestione su inventario directamente desde la interfaz de impresión.",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg?_wi=1",
-        },
+        { id: "f1", title: "Cálculo de Costos", tags: ["Margen Neto", "Markup"], imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg?_wi=1" },
+        { id: "f2", title: "Barcode Automatizado", tags: ["EAN13", "QR", "Impresión"], imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-fake-news_23-2148824747.jpg?_wi=1" },
+        { id: "f3", title: "Control de Stock", tags: ["Alertas", "Sincronización"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shopping-with-mask_23-2149445538.jpg?_wi=1" },
       ]}
-      title="Funciones Clave"
-      description="Herramientas diseñadas para la eficiencia comercial."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardOne
+      <MetricCardTwo
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
+      title="Control de Rentabilidad"
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Fiabilidad",
-          description: "Sistemas de impresión sin errores.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Disponibilidad",
-          description: "Gestión activa en todo momento.",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          value: "10ms",
-          title: "Latencia",
-          description: "Generación de código casi instantánea.",
-          icon: Timer,
-        },
+        { id: "m1", value: "100%", description: "Precisión en cálculo de márgenes" },
+        { id: "m2", value: "24/7", description: "Gestión de inventario activa" },
+        { id: "m3", value: "Instant", description: "Impresión y barcode" },
       ]}
-      title="Rendimiento Operativo"
-      description="Maximice el flujo de trabajo en su comercio."
     />
   </div>
 
@@ -188,61 +100,21 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Ana García",
-          handle: "@anagarcia",
-          testimonial: "La impresión de etiquetas de 50mm es perfecta para nuestros artículos pequeños.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg?_wi=2",
-          imageAlt: "modern barcode generator UI",
-        },
-        {
-          id: "t2",
-          name: "Luis Pérez",
-          handle: "@luisperez",
-          testimonial: "El formato ticket para presupuestos nos ahorra mucho tiempo con los clientes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/conveyor-belt-with-fake-news_23-2148824747.jpg?_wi=2",
-          imageAlt: "thermal receipt printer close up",
-        },
-        {
-          id: "t3",
-          name: "Martina Lopez",
-          handle: "@martinalopez",
-          testimonial: "Interface intuitiva y rápida, totalmente recomendada.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shopping-with-mask_23-2149445538.jpg?_wi=2",
-          imageAlt: "point of sale interface design",
-        },
-        {
-          id: "t4",
-          name: "Jorge Diaz",
-          handle: "@jorgediaz",
-          testimonial: "La generación de códigos de barras es impecable y constante.",
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg?_wi=2",
-          imageAlt: "pricing calculator software interface",
-        },
-        {
-          id: "t5",
-          name: "Carla Ruiz",
-          handle: "@carlarruiz",
-          testimonial: "Excelente soporte y funcionalidad para mi tienda de mascotas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg?_wi=3",
-          imageAlt: "modern barcode generator UI",
-        },
+        { id: "t1", name: "Ana García", handle: "@anagarcia", testimonial: "El cálculo de beneficios por producto es preciso y simple." },
+        { id: "t2", name: "Luis Pérez", handle: "@luisperez", testimonial: "La impresión automática de etiquetas nos ahorra horas de trabajo." },
       ]}
-      title="Clientes Satisfechos"
-      description="Más de 500 comercios confían en nuestra solución de impresión."
+      title="Resultados Reales"
+      description="Comercios que transformaron su gestión operativa."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contacto"
-      title="Comience a imprimir hoy"
-      description="Deje su correo electrónico para obtener más información técnica."
+      title="Optimice su negocio"
+      description="Solicite una demostración de nuestra solución de gestión integral."
     />
   </div>
 
@@ -250,36 +122,12 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="BarcodePro"
       columns={[
-        {
-          title: "Producto",
-          items: [
-            {
-              label: "Demo",
-              href: "#",
-            },
-            {
-              label: "Documentación",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Soporte",
-          items: [
-            {
-              label: "Contacto",
-              href: "#contact",
-            },
-            {
-              label: "Ayuda",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Producto", items: [{ label: "Catalogación", href: "#" }, { label: "Documentación", href: "#" }] },
+        { title: "Soporte", items: [{ label: "Contacto", href: "#contact" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1