Update src/app/page.tsx
This commit is contained in:
310
src/app/page.tsx
310
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Valor",
|
||||
id: "valor",
|
||||
},
|
||||
{
|
||||
name: "Soluciones",
|
||||
id: "soluciones",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Valor", id: "valor" },
|
||||
{ name: "Soluciones", id: "soluciones" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="Nexia Corp"
|
||||
/>
|
||||
@@ -54,111 +42,40 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Redefiniendo el Futuro Corporativo"
|
||||
description="Innovación sin límites. Soluciones de alto impacto para las empresas que lideran el mañana. Dé el salto hacia la excelencia operativa."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
alt: "CEO",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "CTO",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "COO",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-laptop-outdoor-with-copy-space_23-2148230142.jpg",
|
||||
alt: "CFO",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "VP Strategy",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "CEO" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "CTO" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "COO" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-using-laptop-outdoor-with-copy-space_23-2148230142.jpg", alt: "CFO" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "VP Strategy" },
|
||||
]}
|
||||
avatarText="Más de 500 empresas ya confían en nosotros"
|
||||
buttons={[
|
||||
{
|
||||
text: "Solicitar Demo",
|
||||
href: "#contacto",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Solicitar Demo", href: "#contacto" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Innovación Constante",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seguridad de Grado Militar",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Escalabilidad Global",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "IA de Vanguardia",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Soporte 24/7",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ type: "text-icon", text: "Innovación Constante", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Seguridad de Grado Militar", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Escalabilidad Global", icon: Globe },
|
||||
{ type: "text-icon", text: "IA de Vanguardia", icon: Star },
|
||||
{ type: "text-icon", text: "Soporte 24/7", icon: Headphones },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="valor" data-section="valor">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime de Sistemas",
|
||||
description: "Confiabilidad garantizada",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Proyectos Completados",
|
||||
description: "Excelencia demostrada",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5x",
|
||||
title: "Crecimiento Promedio",
|
||||
description: "Resultados escalables",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
title: "Soporte Global",
|
||||
description: "Atención ininterrumpida",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "100%",
|
||||
title: "Satisfacción",
|
||||
description: "Compromiso total",
|
||||
icon: Smile,
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "Uptime de Sistemas", description: "Confiabilidad garantizada", icon: Shield },
|
||||
{ id: "m2", value: "150+", title: "Proyectos Completados", description: "Excelencia demostrada", icon: Award },
|
||||
{ id: "m3", value: "5x", title: "Crecimiento Promedio", description: "Resultados escalables", icon: Zap },
|
||||
{ id: "m4", value: "24/7", title: "Soporte Global", description: "Atención ininterrumpida", icon: Globe },
|
||||
{ id: "m5", value: "100%", title: "Satisfacción", description: "Compromiso total", icon: Smile },
|
||||
]}
|
||||
title="Nuestra Huella Digital"
|
||||
description="Datos que avalan nuestra capacidad de transformar negocios mediante tecnología punta y estrategia pura."
|
||||
@@ -171,27 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Arquitectura de Datos",
|
||||
description: "Infraestructura robusta preparada para el crecimiento exponencial de su negocio.",
|
||||
tag: "Infraestructura",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037223.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "IA Predictiva",
|
||||
description: "Anticipe las necesidades del mercado con modelos avanzados de inteligencia artificial.",
|
||||
tag: "Inteligencia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-landscape-cubes-with-depth-field_1048-12642.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seguridad Total",
|
||||
description: "Protocolos de ciberseguridad avanzada para proteger sus activos más críticos.",
|
||||
tag: "Seguridad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Arquitectura de Datos", description: "Infraestructura robusta preparada para el crecimiento exponencial de su negocio.", tag: "Infraestructura", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037223.jpg" },
|
||||
{ id: "f2", title: "IA Predictiva", description: "Anticipe las necesidades del mercado con modelos avanzados de inteligencia artificial.", tag: "Inteligencia", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-landscape-cubes-with-depth-field_1048-12642.jpg" },
|
||||
{ id: "f3", title: "Seguridad Total", description: "Protocolos de ciberseguridad avanzada para proteger sus activos más críticos.", tag: "Seguridad", imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg" },
|
||||
]}
|
||||
title="Soluciones de Alto Impacto"
|
||||
description="Tecnología diseñada para escalar, asegurar y optimizar cada proceso de su ecosistema empresarial."
|
||||
@@ -205,48 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nexus Dashboard",
|
||||
price: "Custom",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cognitive AI",
|
||||
price: "Custom",
|
||||
variant: "Advanced",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Secure Vault",
|
||||
price: "Custom",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Block Analytics",
|
||||
price: "Custom",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flow Master",
|
||||
price: "Custom",
|
||||
variant: "Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Predictive Engine",
|
||||
price: "Custom",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Nexus Dashboard", price: "Custom", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg" },
|
||||
{ id: "p2", name: "Cognitive AI", price: "Custom", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072174.jpg" },
|
||||
{ id: "p3", name: "Secure Vault", price: "Custom", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg" },
|
||||
{ id: "p4", name: "Block Analytics", price: "Custom", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
|
||||
{ id: "p5", name: "Flow Master", price: "Custom", variant: "Base", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg" },
|
||||
{ id: "p6", name: "Predictive Engine", price: "Custom", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg" },
|
||||
]}
|
||||
title="Nuestro Portafolio"
|
||||
description="Herramientas de software premium desarrolladas para maximizar la productividad y la rentabilidad corporativa."
|
||||
@@ -255,44 +118,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "CEO, TechCorp",
|
||||
testimonial: "El equipo de Nexia Corp transformó nuestra operativa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "CTO, InnovateLab",
|
||||
testimonial: "La innovación que aportan no tiene parangón.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Dir. Marketing, GrowthCo",
|
||||
testimonial: "Calidad premium en cada detalle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "Product Manager, StartupXYZ",
|
||||
testimonial: "Excelente nivel de servicio y robustez.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-outdoor-with-copy-space_23-2148230142.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "VP, GlobalBiz",
|
||||
testimonial: "Su arquitectura de datos nos salvó años de trabajo manual.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "El equipo de Nexia Corp transformó nuestra operativa.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "CTO, InnovateLab", testimonial: "La innovación que aportan no tiene parangón.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "Dir. Marketing, GrowthCo", testimonial: "Calidad premium en cada detalle.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "Product Manager, StartupXYZ", testimonial: "Excelente nivel de servicio y robustez.", imageSrc: "http://img.b2bpic.net/free-photo/man-using-laptop-outdoor-with-copy-space_23-2148230142.jpg" },
|
||||
{ id: "5", name: "Laura Smith", handle: "VP, GlobalBiz", testimonial: "Su arquitectura de datos nos salvó años de trabajo manual.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" },
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Empresas líderes que han encontrado en nuestra tecnología el socio estratégico ideal."
|
||||
@@ -301,34 +135,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="equipo" data-section="equipo">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Elena V.",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149267970.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Marc S.",
|
||||
role: "Senior Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Laura M.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm4",
|
||||
name: "Javier R.",
|
||||
role: "Operations Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
|
||||
},
|
||||
{ id: "tm1", name: "Elena V.", role: "Lead Architect", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-project_23-2149267970.jpg" },
|
||||
{ id: "tm2", name: "Marc S.", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg" },
|
||||
{ id: "tm3", name: "Laura M.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
||||
{ id: "tm4", name: "Javier R.", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg" },
|
||||
]}
|
||||
title="Expertos a su Servicio"
|
||||
description="El talento humano detrás de la tecnología más vanguardista del mercado."
|
||||
@@ -338,50 +153,19 @@ export default function LandingPage() {
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Hablemos de su Futuro"
|
||||
description="Estamos listos para transformar su empresa. Solicite una consulta estratégica con nuestro equipo de expertos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactar ahora",
|
||||
href: "mailto:info@nexiacorp.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contactar ahora", href: "mailto:info@nexiacorp.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Carreras",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Empresa", items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Carreras", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Nexia Corp. Todos los derechos reservados."
|
||||
bottomRightText="Innovación Premium"
|
||||
@@ -390,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user