302 lines
14 KiB
TypeScript
302 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Briefcase, Building, CheckCircle, ExternalLink, ListChecks, Mail, Smile, Sparkles, Trophy, Wallet } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#inicio"},
|
|
{
|
|
name: "Nosotros", id: "#nosotros"},
|
|
{
|
|
name: "Funcionalidades", id: "#funcionalidades"},
|
|
{
|
|
name: "Módulos", id: "#modulos"},
|
|
{
|
|
name: "Casos de Éxito", id: "#casosexito"},
|
|
{
|
|
name: "Testimonios", id: "#testimonios"},
|
|
{
|
|
name: "Contacto", id: "#contacto"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/logotype_23-2148146022.jpg"
|
|
logoAlt="Logo ConstructoERP"
|
|
brandName="ConstructoERP"
|
|
/>
|
|
</div>
|
|
|
|
<div id="inicio" data-section="inicio">
|
|
<HeroSplitDualMedia
|
|
title="ConstructoERP: La gestión inteligente para tu obra"
|
|
description="Optimiza cada proceso de construcción y oficios auxiliares con nuestra plataforma ERP líder. Desde la planificación hasta la entrega, ten el control total de tus proyectos."
|
|
tag="Innovación en Construcción"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Solicitar Demostración", href: "#contacto"},
|
|
{
|
|
text: "Ver Funcionalidades", href: "#funcionalidades"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{
|
|
variant: "plain"}}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architectural-design-team-configures-floor-plan-dual-monitors_482257-126974.jpg", imageAlt: "Dashboard de ConstructoERP mostrando gestión de proyectos de construcción"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-engineers-table_23-2147704185.jpg?_wi=1", imageAlt: "Equipo de ConstructoERP colaborando en una oficina moderna"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Basado en más de 1000 valoraciones"
|
|
/>
|
|
</div>
|
|
|
|
<div id="nosotros" data-section="nosotros">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Sobre "},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-vector/logotype_23-2148146022.jpg", alt: "ConstructoERP Logo"},
|
|
{
|
|
type: "text", content: ", tu socio en la eficiencia constructiva."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Nuestra Historia", href: "#"},
|
|
{
|
|
text: "Valores", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="funcionalidades" data-section="funcionalidades">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Planificación y Programación Detallada", tags: [
|
|
"Gestión de Tareas", "Diagramas Gantt"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-working-outdoors-con-project_53876-47045.jpg", imageAlt: "Planificación de proyectos en dashboard"},
|
|
{
|
|
id: "f2", title: "Gestión de Recursos y Equipos", tags: [
|
|
"Control de Inventario", "Asignación Eficiente"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-front-brick-wall_23-2147813088.jpg", imageAlt: "Gestión de maquinaria y personal"},
|
|
{
|
|
id: "f3", title: "Control Financiero y Presupuestario", tags: [
|
|
"Facturación", "Análisis de Costos"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg", imageAlt: "Gráficos de finanzas y presupuestos"},
|
|
{
|
|
id: "f4", title: "Seguimiento en Tiempo Real", tags: [
|
|
"Avance de Obra", "Alertas Personalizadas"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/factory-experts-design-assembly-facility-production-lines-tablet-cad-program_482257-126119.jpg", imageAlt: "Monitoreo en tiempo real"},
|
|
{
|
|
id: "f5", title: "Gestión Documental Integrada", tags: [
|
|
"Archivos Centralizados", "Control de Versiones"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-discussing-outdoors-high-angle_23-2149426493.jpg", imageAlt: "Archivos y documentos organizados"},
|
|
{
|
|
id: "f6", title: "Integración con Otros Sistemas", tags: [
|
|
"APIs Abiertas", "Compatibilidad"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blueprint-calculator-helmet_23-2147785587.jpg", imageAlt: "Integración de sistemas"},
|
|
]}
|
|
title="Funcionalidades Clave que Transforman tu Negocio"
|
|
description="ConstructoERP está diseñado para simplificar las operaciones complejas y aumentar la productividad en cada etapa de tus proyectos."
|
|
tag="Poder de ConstructoERP"
|
|
tagIcon={ListChecks}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="modulos" data-section="modulos">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "m1", name: "Gestión de Proyectos", price: "Desde $99/mes", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836106.jpg", imageAlt: "Icono de gestión de proyectos"},
|
|
{
|
|
id: "m2", name: "Control de Obra y Avance", price: "Desde $79/mes", imageSrc: "http://img.b2bpic.net/free-photo/new-building-project_1098-14328.jpg", imageAlt: "Icono de control de obra"},
|
|
{
|
|
id: "m3", name: "Compras y Almacenes", price: "Desde $69/mes", imageSrc: "http://img.b2bpic.net/free-photo/home-icon-front-side_187299-39256.jpg", imageAlt: "Icono de compras y almacenes"},
|
|
{
|
|
id: "m4", name: "Gestión de Personal y Recursos", price: "Desde $89/mes", imageSrc: "http://img.b2bpic.net/free-photo/interaction-contractors_1098-14893.jpg", imageAlt: "Icono de gestión de personal"},
|
|
{
|
|
id: "m5", name: "Facturación y Contabilidad", price: "Desde $109/mes", imageSrc: "http://img.b2bpic.net/free-photo/clipboard-icon-left-side-white-background_187299-40140.jpg", imageAlt: "Icono de facturación y contabilidad"},
|
|
{
|
|
id: "m6", name: "Informes y Análisis", price: "Desde $59/mes", imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14638.jpg", imageAlt: "Icono de informes y análisis"},
|
|
]}
|
|
title="Explora Nuestros Módulos Potentes"
|
|
description="Cada módulo de ConstructoERP está diseñado para abordar un área específica de tu negocio, garantizando una cobertura completa y eficiente."
|
|
tag="Nuestros Productos"
|
|
tagIcon={Building}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="casosexito" data-section="casosexito">
|
|
<MetricCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "+30%", title: "Aumento de Productividad", description: "Nuestros clientes experimentan un incremento significativo en la eficiencia operativa.", icon: ExternalLink,
|
|
},
|
|
{
|
|
id: "m2", value: "-15%", title: "Reducción de Costos", description: "Optimización de recursos que se traduce en ahorros sustanciales para tu empresa.", icon: Wallet,
|
|
},
|
|
{
|
|
id: "m3", value: "98%", title: "Proyectos Completados a Tiempo", description: "Garantizamos la finalización exitosa de tus proyectos dentro de los plazos establecidos.", icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "m4", value: "+40%", title: "Satisfacción del Cliente", description: "Mejora en la calidad del servicio y la entrega de valor a tus clientes finales.", icon: Smile,
|
|
},
|
|
]}
|
|
title="Resultados Comprobados: El Impacto de ConstructoERP"
|
|
description="Descubre cómo ConstructoERP está helping a empresas como la tuya a alcanzar nuevos niveles de éxito y eficiencia."
|
|
tag="Nuestras Métricas"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="ConstructoERP ha revolucionado la forma en que gestionamos nuestros proyectos. La visibilidad en tiempo real es incomparable."
|
|
rating={5}
|
|
author="Ana García"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-architect-with-helmet_23-2147702528.jpg?_wi=2", alt: "Retrato de Ana García"
|
|
}
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Global Construct S.A.", "Urban Builders Group", "Innovate Trades Solutions", "Heritage Remodeling Co.", "Heavy Duty Works Inc.", "EcoBuild Innovations", "Precision Engineering Partners"]}
|
|
title="Nuestros Socios Estratégicos y Clientes Líderes"
|
|
description="Trabajamos con las empresas más destacadas del sector, construyendo juntos el futuro de la gestión."
|
|
tag="Confianza y Alianzas"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
speed={40}
|
|
showCard={true}
|
|
textBoxTitleClassName="text-blue-600"
|
|
textBoxDescriptionClassName="text-black"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Contáctanos"
|
|
title="¿Listo para transformar tu gestión?"
|
|
description="Nuestro equipo está listo para mostrarte cómo ConstructoERP puede optimizar tus proyectos. Completa el formulario y nos pondremos en contacto."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-engineers-table_23-2147704185.jpg?_wi=2"
|
|
imageAlt="Equipo de ConstructoERP colaborando en una oficina moderna"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Introduce tu email"
|
|
buttonText="Solicitar Información"
|
|
termsText="Al hacer clic en 'Solicitar Información', confirmas que estás de acuerdo con nuestros Términos y Condiciones."
|
|
titleClassName="text-blue-600"
|
|
descriptionClassName="text-black"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="ConstructoERP"
|
|
columns={[
|
|
{
|
|
title: "Empresa", items: [
|
|
{
|
|
label: "Inicio", href: "#inicio"},
|
|
{
|
|
label: "Sobre Nosotros", href: "#nosotros"},
|
|
{
|
|
label: "Contacto", href: "#contacto"},
|
|
],
|
|
},
|
|
{
|
|
title: "Soluciones", items: [
|
|
{
|
|
label: "Funcionalidades", href: "#funcionalidades"},
|
|
{
|
|
label: "Módulos", href: "#modulos"},
|
|
{
|
|
label: "Casos de Éxito", href: "#casosexito"},
|
|
],
|
|
},
|
|
{
|
|
title: "Recursos", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Soporte", href: "#"},
|
|
{
|
|
label: "FAQs", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 ConstructoERP. Todos los derechos reservados."
|
|
logoTextClassName="text-blue-600"
|
|
columnTitleClassName="text-blue-600"
|
|
columnItemClassName="text-black"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |