244 lines
13 KiB
TypeScript
244 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Zap, Shield, Cpu, DollarSign, TrendingUp, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLarge"
|
|
background="grid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Servicios", id: "services" },
|
|
{ name: "Precios", id: "pricing" },
|
|
{ name: "Contacto", id: "contact" },
|
|
{ name: "Sobre Nosotros", id: "about" }
|
|
]}
|
|
brandName="Nexonix"
|
|
bottomLeftText="Valdemoro, Madrid"
|
|
bottomRightText="info@nexonix.es"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Tu equipo, siempre al máximo nivel"
|
|
description="Montaje de ordenadores personalizados, mantenimiento preventivo y soporte técnico profesional para PYMES, autónomos y particulares que buscan rendimiento y fiabilidad."
|
|
background={{ variant: "grid" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Clientes Satisfechos" },
|
|
{ value: "99.9%", label: "Disponibilidad Garantizada" },
|
|
{ value: "1000+", label: "Sistemas Optimizados" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Servicios Informáticos Premium"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Contactar Ahora", href: "#contact" },
|
|
{ text: "Ver Servicios", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-professional-custom-pc-assembly-worksp-1773081137732-55e7c63d.png"
|
|
imageAlt="Montaje profesional de ordenadores personalizados"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Especialistas en Montaje y Mantenimiento"
|
|
description="Desde 2026, revolucionando el servicio informático en Valdemoro con valores de transparencia y calidad técnica. Somos especialistas en ensamblaje profesional, mantenimiento preventivo y soporte técnico integral para empresas, autónomos y usuarios exigentes que necesitan rendimiento garantizado."
|
|
metrics={[
|
|
{ value: "15+", title: "Años de Experiencia Técnica" },
|
|
{ value: "98%", title: "Tasa de Satisfacción" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
tag="Sobre Nexonix"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-modern-it-services-team-working-togeth-1773081137244-130294fe.png"
|
|
imageAlt="Equipo técnico profesional de Nexonix"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardSix
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Montaje de Ordenadores Personalizados", description: "Selección de componentes premium, ensamblaje profesional, testing exhaustivo y garantía de funcionamiento. Ordenadores optimizados para tus necesidades específicas de rendimiento.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-technician-performing-preventive-maint-1773081137503-68a3e63b.png?_wi=1", imageAlt: "Montaje profesional de PC"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Mantenimiento Preventivo", description: "Limpieza interna completa, revisión de componentes, verificación térmica, actualización de drivers y prevención de fallos. Mantén tu equipo en óptimas condiciones.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-technician-performing-preventive-maint-1773081137503-68a3e63b.png?_wi=2", imageAlt: "Mantenimiento preventivo de sistemas"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Optimización de Sistemas", description: "Diagnóstico completo, eliminación de malware, optimización de rendimiento, instalación de sistemas operativos y configuración de seguridad.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-technician-performing-preventive-maint-1773081137503-68a3e63b.png?_wi=3", imageAlt: "Optimización de sistemas"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Soporte Técnico Profesional", description: "Soporte 24/7 para PYMES y profesionales. Respuesta rápida a incidencias, resolución efectiva de problemas y asesoramiento técnico continuo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-professional-contact-center-or-support-1773081138361-53883f84.png?_wi=1", imageAlt: "Soporte técnico profesional"
|
|
}
|
|
]}
|
|
title="Servicios Integrales"
|
|
description="Soluciones informáticas completas adaptadas a tus necesidades de rendimiento y fiabilidad"
|
|
tag="Nuestros Servicios"
|
|
tagIcon={Cpu}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
plans={[
|
|
{
|
|
id: "basic", title: "Diagnóstico", price: "25€", period: "/por servicio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-minimalist-illustration-showing-differ-1773081139575-8e05b400.png?_wi=1", imageAlt: "Servicio de diagnóstico", features: [
|
|
"Diagnóstico completo del sistema", "Reporte detallado de problemas", "Presupuesto sin compromiso", "Consultoría técnica inicial"
|
|
],
|
|
button: { text: "Solicitar", href: "#contact" }
|
|
},
|
|
{
|
|
id: "popular", title: "Montaje de Ordenador", price: "80€", period: "/por montaje", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-minimalist-illustration-showing-differ-1773081139575-8e05b400.png?_wi=2", imageAlt: "Servicio de montaje", features: [
|
|
"Montaje profesional de PC", "Instalación de Sistema Operativo", "Testing completo", "Garantía de funcionamiento", "Asesoramiento de componentes"
|
|
],
|
|
button: { text: "Contratar", href: "#contact" }
|
|
},
|
|
{
|
|
id: "maintenance", title: "Mantenimiento Preventivo", price: "40€", period: "/por servicio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-minimalist-illustration-showing-differ-1773081139575-8e05b400.png?_wi=3", imageAlt: "Servicio de mantenimiento", features: [
|
|
"Limpieza interna completa", "Revisión de componentes", "Optimización térmica", "Actualización de drivers", "Prevención de fallos"
|
|
],
|
|
button: { text: "Contratar", href: "#contact" }
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Tarifas 2026"
|
|
description="Precios transparentes claros y justos sin sorpresas. Calidad profesional a precios competitivos."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Precios Transparentes"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", title: "Clientes Satisfechos", items: [
|
|
"PYMES que confían en nosotros", "Autónomos con soporte premium", "Tasa de satisfacción 98%"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "1000+", title: "Sistemas Optimizados", items: [
|
|
"Rendimiento mejorado garantizado", "Cero tiempo de inactividad", "Mantenimiento preventivo efectivo"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "99.9%", title: "Disponibilidad Garantizada", items: [
|
|
"Soporte técnico 24/7", "Respuesta rápida a incidencias", "Plan de contingencia activo"
|
|
]
|
|
},
|
|
{
|
|
id: "4", value: "15+", title: "Años de Experiencia", items: [
|
|
"Técnicos altamente cualificados", "Certificaciones profesionales", "Actualización continua de skills"
|
|
]
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
title="Números que Hablan"
|
|
description="Nuestra experiencia y compromiso con la excelencia técnica en números"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
tag="Logros"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contacto"
|
|
title="Ponte en Contacto"
|
|
description="Solicita presupuesto o soporte técnico. Contacta con nosotros para conocer cómo podemos ayudarte a optimizar tu infraestructura informática. Ubicados en el polígono industrial de Valdemoro."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-professional-contact-center-or-support-1773081138361-53883f84.png?_wi=2"
|
|
imageAlt="Equipo de soporte técnico"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Enviar"
|
|
termsText="Respetamos tu privacidad. Nos pondremos en contacto en el plazo de 24 horas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AigEGRE1w27Y816yaP9lnJ33TJ/a-sleek-footer-banner-image-showing-the--1773081137645-ef224a9c.png"
|
|
imageAlt="Ubicación Nexonix en Valdemoro"
|
|
logoText="Nexonix"
|
|
copyrightText="© 2025-2026 Nexonix | Servicios Informáticos Premium | Valdemoro, Madrid"
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{ label: "Montaje Personalizado", href: "#services" },
|
|
{ label: "Mantenimiento Preventivo", href: "#services" },
|
|
{ label: "Optimización de Sistemas", href: "#services" },
|
|
{ label: "Soporte Técnico", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Empresa", items: [
|
|
{ label: "Sobre Nosotros", href: "#about" },
|
|
{ label: "Precios", href: "#pricing" },
|
|
{ label: "Contacto", href: "#contact" },
|
|
{ label: "Ubicación", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Política de Privacidad", href: "#" },
|
|
{ label: "Términos de Servicio", href: "#" },
|
|
{ label: "Aviso Legal", href: "#" },
|
|
{ label: "Cookies", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|