334 lines
19 KiB
TypeScript
334 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#home"},
|
|
{
|
|
name: "Servicios", id: "#services"},
|
|
{
|
|
name: "Sectores", id: "#sectors"},
|
|
{
|
|
name: "Productos", id: "#products"},
|
|
{
|
|
name: "Beneficios", id: "#benefits"},
|
|
{
|
|
name: "Casos", id: "#cases"},
|
|
{
|
|
name: "Nosotros", id: "#about"},
|
|
{
|
|
name: "Contacto", id: "#contact"},
|
|
]}
|
|
brandName="ProcessAP Robotics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "downward-rays-animated"}}
|
|
title="Automatiza la limpieza y operaciones de tu negocio con robots inteligentes"
|
|
description="Integración de robótica, IoT y software para hoteles, retail, hospitales e industria. Libera a tu equipo de tareas repetitivas y optimiza recursos."
|
|
tag="Automatización Robótica"
|
|
buttons={[
|
|
{
|
|
text: "Solicitar demo", href: "#contact"},
|
|
{
|
|
text: "Ver soluciones", href: "#products"},
|
|
{
|
|
text: "Calcular retorno (ROI)", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340089.jpg"
|
|
imageAlt="Robot de limpieza autónomo en un lobby de hotel moderno"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", alt: "Happy builder in hardhat"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg", alt: "Technician optimizing data center equipment for maximum efficiency"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-manual-worker_1398-1720.jpg", alt: "Portrait of manual worker"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-tractor-operator_1398-1880.jpg", alt: "Portrait of tractor operator"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/designer-using-3d-printer_23-2151037151.jpg", alt: "Designer using a 3d printer"},
|
|
]}
|
|
avatarText="Más de 50 profesionales en robótica"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Soporte 24/7"},
|
|
{
|
|
type: "text", text: "Implementación Rápida"},
|
|
{
|
|
type: "text", text: "Tecnología PUDU"},
|
|
{
|
|
type: "text", text: "Integración Inteligente"},
|
|
{
|
|
type: "text", text: "ROI Comprobado"},
|
|
]}
|
|
marqueeSpeed={40}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Impulsamos la eficiencia de tu negocio con robótica e integración tecnológica."},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/robot-operating-factory_23-2149524388.jpg", alt: "Diagrama de servicios de ProcessAP con robots PUDU"},
|
|
{
|
|
type: "text", content: "ProcessAP es tu integrador de robótica y consultora de automatización. No fabricamos robots, sino que los implementamos y conectamos para optimizar tus operaciones. Nos centramos en tres pilares clave para asegurar una automatización real y efectiva en tu negocio."
|
|
}
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Hablar con un especialista", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="sectors" data-section="sectors">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "s1", title: "Hoteles", description: "Automatización de limpieza y logística interna para mejorar la experiencia del huésped y la eficiencia operativa.", tag: "Hospitalidad", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robot-cleaning-lobby-modern-hotel_23-2151375936.jpg", imageAlt: "Robot de limpieza PUDU en un lobby de hotel moderno"},
|
|
{
|
|
id: "s2", title: "Supermercados & Retail", description: "Optimización de la limpieza y apoyo en tareas logísticas para mantener las instalaciones impecables y el personal enfocado en el cliente.", tag: "Comercio", imageSrc: "http://img.b2bpic.net/free-photo/autonomous-robot-assisting-retail-staff-supermarket_23-2151375945.jpg", imageAlt: "Robot logístico PUDU en un pasillo de supermercado"},
|
|
{
|
|
id: "s3", title: "Hospitales", description: "Soluciones de limpieza autónoma que garantizan altos estándares de higiene y seguridad en entornos críticos.", tag: "Salud", imageSrc: "http://img.b2bpic.net/free-photo/medical-robot-sterilizing-hospital-corridor_23-2151375962.jpg", imageAlt: "Robot de limpieza PUDU en un pasillo de hospital moderno"},
|
|
{
|
|
id: "s4", title: "Industria & Logística", description: "Robots robustos para la limpieza de grandes superficies y el apoyo en la manipulación de cargas, aumentando la productividad.", tag: "Producción", imageSrc: "http://img.b2bpic.net/free-photo/industrial-robot-moving-pallets-warehouse_23-2151375971.jpg", imageAlt: "Robot industrial PUDU limpiando un almacén"}
|
|
]}
|
|
title="Sectores clave que transformamos"
|
|
description="Nuestras soluciones robóticas se adaptan a las necesidades específicas de diversos entornos, garantizando eficiencia y ahorro en cada sector."
|
|
tag="Nuestros Mercados"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "pudu-cc1", name: "PUDU CC1", price: "Desde €15/día", imageSrc: "http://img.b2bpic.net/free-photo/pudu-cc1-robot-cleaner_23-2151340041.jpg", imageAlt: "Robot fregadora autónoma PUDU CC1", priceButtonProps: {
|
|
text: "Más detalles", href: "#contact"}},
|
|
{
|
|
id: "pudu-mt1", name: "PUDU MT1", price: "Desde €25/día", imageSrc: "http://img.b2bpic.net/free-photo/pudu-mt1-industrial-robot-cleaner_23-2149524381.jpg", imageAlt: "Robot de limpieza industrial PUDU MT1", priceButtonProps: {
|
|
text: "Más detalles", href: "#contact"}},
|
|
{
|
|
id: "pudu-sh1", name: "PUDU SH1", price: "Desde €10/día", imageSrc: "http://img.b2bpic.net/free-photo/pudu-sh1-compact-floor-scrubber_23-2151340024.jpg", imageAlt: "Robot fregadora compacta PUDU SH1", priceButtonProps: {
|
|
text: "Más detalles", href: "#contact"}},
|
|
{
|
|
id: "pudu-t1", name: "PUDU T1 (Transporte)", price: "Solicitar oferta", imageSrc: "http://img.b2bpic.net/free-photo/pudu-t1-delivery-robot_23-2149524384.jpg", imageAlt: "Robot de transporte PUDU T1", priceButtonProps: {
|
|
text: "Más detalles", href: "#contact"}},
|
|
{
|
|
id: "pudu-k1", name: "PUDU K1 (Servicio)", price: "Solicitar oferta", imageSrc: "http://img.b2bpic.net/free-photo/pudu-k1-service-robot_23-2151340126.jpg", imageAlt: "Robot de servicio PUDU K1", priceButtonProps: {
|
|
text: "Más detalles", href: "#contact"}},
|
|
{
|
|
id: "pudu-l3", name: "PUDU L3 (Logística)", price: "Solicitar oferta", imageSrc: "http://img.b2bpic.net/free-photo/pudu-l3-logistics-robot_23-2151108361.jpg", imageAlt: "Robot logístico PUDU L3", priceButtonProps: {
|
|
text: "Más detalles", href: "#contact"}}
|
|
]}
|
|
title="Nuestra Gama de Robots PUDU"
|
|
description="Ofrecemos una selección de robots PUDU líderes en el mercado, adaptados a cada necesidad operativa, desde limpieza hasta logística y servicio."
|
|
tag="Soluciones Robóticas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="benefits" data-section="benefits">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "b1", title: "Ahorro Operativo", description: "Reduce significativamente los costes asociados a tareas manuales repetitivas y optimiza el uso de recursos.", tag: "Eficiencia", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-chart-robot-hand_23-2151375988.jpg", imageAlt: "Robot analizando un gráfico de eficiencia y ahorro de costes"},
|
|
{
|
|
id: "b2", title: "Mayor Eficiencia", description: "Garantiza una limpieza constante y procesos logísticos fluidos, mejorando la calidad y velocidad de tus operaciones.", tag: "Productividad", imageSrc: "http://img.b2bpic.net/free-photo/robot-supervising-automated-production-line_23-2151375997.jpg", imageAlt: "Robot supervisando una línea de producción automatizada"},
|
|
{
|
|
id: "b3", title: "Menos Dependencia de Personal", description: "Libera a tu equipo para tareas de mayor valor, reduciendo la carga de trabajo físico y mejorando la satisfacción laboral.", tag: "Innovación", imageSrc: "http://img.b2bpic.net/free-photo/human-robot-teamwork-collaborative-workplace_23-2151376006.jpg", imageAlt: "Humano y robot trabajando en un entorno colaborativo"},
|
|
{
|
|
id: "b4", title: "Imagen Tecnológica", description: "Moderniza la percepción de tu negocio, proyectando una imagen de vanguardia y compromiso con la innovación.", tag: "Modernización", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-advanced-robotics_23-2151376015.jpg", imageAlt: "Ciudad futurista con robótica avanzada"}
|
|
]}
|
|
title="Resolvemos tus principales desafíos operativos"
|
|
description="Con ProcessAP, transformamos tus procesos repetitivos en operaciones eficientes y rentables, liberando el potencial de tu equipo."
|
|
tag="Beneficios Clave"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cases" data-section="cases">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Director de Hotel", role: "Gerente de Operaciones", company: "Grand Palace Hotels", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-serving-hotel-guest_23-2150912047.jpg", imageAlt: "Robot PUDU de servicio en un hotel"},
|
|
{
|
|
id: "t2", name: "Gerente de Supermercado", role: "Jefe de Tienda", company: "FreshMart", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-cleaning-supermarket-aisle_23-2149445539.jpg", imageAlt: "Robot PUDU de limpieza en un supermercado"},
|
|
{
|
|
id: "t3", name: "Responsable de Logística", role: "Director de Almacén", company: "Global LogisTech", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-transporting-goods-warehouse_35913-2728.jpg", imageAlt: "Robot PUDU logístico en un almacén"},
|
|
{
|
|
id: "t4", name: "Administrador Hospitalario", role: "Jefe de Servicios Generales", company: "Clínica Vida", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-disinfecting-hospital-room_482257-27631.jpg", imageAlt: "Robot PUDU de limpieza en un hospital"},
|
|
{
|
|
id: "t5", name: "Gerente de Centro Comercial", role: "Director de Operaciones", company: "Mall del Sol", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pudu-robot-engaging-visitors-shopping-mall_23-2151061712.jpg", imageAlt: "Robot PUDU de limpieza en un centro comercial"}
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "99%", label: "Satisfacción Cliente"},
|
|
{
|
|
value: "+40%", label: "Reducción Errores"},
|
|
{
|
|
value: "-30%", label: "Tiempo de Tarea"}
|
|
]}
|
|
title="Casos de Uso Reales"
|
|
description="Descubre cómo ProcessAP Robotics ha transformado las operaciones de diversas empresas, ofreciendo soluciones efectivas y medibles."
|
|
tag="Experiencias de Éxito"
|
|
/>
|
|
</div>
|
|
|
|
<div id="key-messages" data-section="key-messages">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Microsoft", "Google", "Apple", "Amazon", "Tesla", "Samsung", "IBM", "Oracle", "Siemens", "Bosch"]}
|
|
title="Líderes en Innovación Robótica"
|
|
description="ProcessAP es tu partner en la evolución de la limpieza profesional y la automatización real. Confían en nosotros para liderar la transformación digital."
|
|
tag="Nuestros Partners"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "m1", name: "Juan García", role: "CEO & Fundador", imageSrc: "http://img.b2bpic.net/free-photo/mature-businessman-standing-modern-office_23-2149298492.jpg", imageAlt: "Foto de Juan García"},
|
|
{
|
|
id: "m2", name: "Ana López", role: "Directora de Operaciones", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-standing-office-happy-expression_23-2149405625.jpg", imageAlt: "Foto de Ana López"},
|
|
{
|
|
id: "m3", name: "Carlos Ruíz", role: "Ingeniero Principal de Robótica", imageSrc: "http://img.b2bpic.net/free-photo/male-engineer-with-safety-helmet_23-2149302672.jpg", imageAlt: "Foto de Carlos Ruíz"},
|
|
{
|
|
id: "m4", name: "Sofía Pérez", role: "Especialista en Integración", imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-robotics-lab_23-2150779774.jpg", imageAlt: "Foto de Sofía Pérez"},
|
|
{
|
|
id: "m5", name: "David Martínez", role: "Técnico de Soporte", imageSrc: "http://img.b2bpic.net/free-photo/smiling-it-support-engineer-headphones_23-2150779782.jpg", imageAlt: "Foto de David Martínez"}
|
|
]}
|
|
title="Nuestro Equipo de Expertos"
|
|
description="En ProcessAP, somos un equipo de ingenieros y consultores apasionados por la robótica y la automatización. Nuestra filosofía se basa en la integración, ingeniería y soporte continuo para ofrecer soluciones reales."
|
|
tag="Quiénes Somos"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Ponte en Contacto"
|
|
title="Transforma tu negocio con la robótica inteligente"
|
|
description="Solicita una demo gratuita, calcula tu ahorro operativo o habla con un especialista. Estamos aquí para resolver tus dudas y encontrar la mejor solución."
|
|
buttons={[
|
|
{
|
|
text: "Solicitar demo gratuita", href: "mailto:info@processap.com"},
|
|
{
|
|
text: "Calcular ahorro operativo", href: "#"},
|
|
{
|
|
text: "Hablar con un especialista", href: "https://wa.me/XXXXXXXXXX"}
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Inicio", href: "#home"},
|
|
{
|
|
label: "Servicios", href: "#services"},
|
|
{
|
|
label: "Sectores", href: "#sectors"},
|
|
{
|
|
label: "Productos", href: "#products"}
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Beneficios", href: "#benefits"},
|
|
{
|
|
label: "Casos de Uso", href: "#cases"},
|
|
{
|
|
label: "Sobre Nosotros", href: "#about"},
|
|
{
|
|
label: "Contacto", href: "#contact"}
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Política de Privacidad", href: "#"},
|
|
{
|
|
label: "Términos y Condiciones", href: "#"},
|
|
{
|
|
label: "Aviso Legal", href: "#"}
|
|
]
|
|
}
|
|
]}
|
|
logoText="ProcessAP Robotics"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|