Merge version_2 into main #2
226
src/app/page.tsx
226
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user