Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -26,192 +26,96 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Proceso",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Liquidar",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="RecibosFlow"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Proceso", id: "about" },
|
||||
{ name: "Liquidar", id: "contact" },
|
||||
]}
|
||||
brandName="RecibosFlow"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background="radial-gradient"
|
||||
title="Liquidación de Recibos Inteligente"
|
||||
description="Gestiona y liquida tus recibos de manera rápida, segura y altamente profesional. Eficiencia al servicio de tu empresa."
|
||||
kpis={[
|
||||
{
|
||||
value: "+98%",
|
||||
label: "Precisión",
|
||||
},
|
||||
{
|
||||
value: "12min",
|
||||
label: "Promedio",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Soporte",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-clean-modern-professional-background-f-1774699266574-4be36571.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Liquidación de Recibos Inteligente"
|
||||
description="Gestiona y liquida tus recibos de manera rápida, segura y altamente profesional. Eficiencia al servicio de tu empresa."
|
||||
kpis={[
|
||||
{ value: "+98%", label: "Precisión" },
|
||||
{ value: "12min", label: "Promedio" },
|
||||
{ value: "24/7", label: "Soporte" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-clean-modern-professional-background-f-1774699266574-4be36571.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Transformamos el Proceso"
|
||||
description="Nuestra plataforma está diseñada para simplificar la liquidación de recibos mediante un sistema ordenado y eficiente. Reducimos el error humano y aceleramos los tiempos administrativos."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Transformamos el Proceso"
|
||||
description="Nuestra plataforma está diseñada para simplificar la liquidación de recibos mediante un sistema ordenado y eficiente. Reducimos el error humano y aceleramos los tiempos administrativos."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Formulario Automatizado",
|
||||
description: "Captura datos de recibos con campos validados y autocompletado.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=2",
|
||||
imageAlt: "Form",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: FileText,
|
||||
text: "Datos exactos",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Validación en tiempo real",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Resumen Ejecutivo",
|
||||
description: "Tablas organizadas con estados financieros claros y legibles.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=3",
|
||||
imageAlt: "Table",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Table,
|
||||
text: "Diseño limpio",
|
||||
},
|
||||
{
|
||||
icon: Filter,
|
||||
text: "Filtros inteligentes",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
title="Características Principales"
|
||||
description="Potenciamos tu gestión financiera con herramientas de alto rendimiento."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Formulario Automatizado", description: "Captura datos de recibos con campos validados y autocompletado.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png", imageAlt: "Form" },
|
||||
items: [
|
||||
{ icon: FileText, text: "Datos exactos" },
|
||||
{ icon: Check, text: "Validación en tiempo real" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Resumen Ejecutivo", description: "Tablas organizadas con estados financieros claros y legibles.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png", imageAlt: "Table" },
|
||||
items: [
|
||||
{ icon: Table, text: "Diseño limpio" },
|
||||
{ icon: Filter, text: "Filtros inteligentes" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
title="Características Principales"
|
||||
description="Potenciamos tu gestión financiera con herramientas de alto rendimiento."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Es seguro el sistema?",
|
||||
content: "Contamos con encriptación de grado militar.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Cuánto tarda el proceso?",
|
||||
content: "La liquidación promedio se realiza en minutos.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Gestiona tu Liquidación Hoy"
|
||||
ctaDescription="Completa el formulario y obtén la confirmación al instante."
|
||||
ctaButton={{
|
||||
text: "Liquidar Recibo",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={Send}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Es seguro el sistema?", content: "Contamos con encriptación de grado militar." },
|
||||
{ id: "q2", title: "¿Cuánto tarda el proceso?", content: "La liquidación promedio se realiza en minutos." },
|
||||
]}
|
||||
ctaTitle="Gestiona tu Liquidación Hoy"
|
||||
ctaDescription="Completa el formulario y obtén la confirmación al instante."
|
||||
ctaButton={{ text: "Liquidar Recibo", href: "#" }}
|
||||
ctaIcon={Send}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="Testimonios"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana García",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carlos Ruiz",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Martínez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jorge Paz",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucía Solís",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZaqbFrO0K2jWWrwJsNPz7Z4vX/a-conceptual-illustration-of-a-digital-r-1774699264576-06ec7c58.png?_wi=8",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="RecibosFlow"
|
||||
copyrightText="© 2024 RecibosFlow | Gestión Profesional"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="RecibosFlow"
|
||||
copyrightText="© 2024 RecibosFlow | Gestión Profesional"
|
||||
socialLinks={[
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user