Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-19 21:36:07 +00:00

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Dashboard",
id: "dashboard",
},
{
name: "Gastos",
id: "gastos",
},
{
name: "Agenda",
id: "agenda",
},
{
name: "Informes",
id: "informes",
},
{ name: "Dashboard", id: "dashboard" },
{ name: "Gastos", id: "gastos" },
{ name: "Agenda", id: "agenda" },
{ name: "Informes", id: "informes" },
]}
brandName="FinFlow PWA"
/>
@@ -55,37 +43,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background="fluid"
background={{ variant: "glowing-orb" }}
title="Control Total en tu Bolsillo"
description="Tu vida financiera y productividad en una sola PWA. Gestión intuitiva, reportes automáticos y enfoque en lo que importa."
tag="PWA Productividad v1.0"
buttons={[
{
text: "Comenzar gratis",
href: "#dashboard",
},
]}
buttons={[{ text: "Comenzar gratis", href: "#dashboard" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-119022.jpg?_wi=1",
imageAlt: "Dashboard principal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/suit-information-watching-mobility-standing_1134-1400.jpg",
imageAlt: "Vista móvil de la aplicación",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
imageAlt: "Dashboard de analítica",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-set_23-2148590975.jpg",
imageAlt: "Interfaz de gestión bancaria",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/admin-app-dashboard-template-with-flat-design_23-2147869980.jpg",
imageAlt: "Plantilla de panel de administración",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-119022.jpg", imageAlt: "Dashboard principal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/suit-information-watching-mobility-standing_1134-1400.jpg", imageAlt: "Vista móvil de la aplicación" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -101,20 +66,11 @@ export default function LandingPage() {
title="Gestión financiera simplificada"
description="Nuestra PWA combina el seguimiento de gastos, agenda inteligente y notificaciones push para que nunca olvides un vencimiento y siempre sepas cuánto puedes gastar."
bulletPoints={[
{
title: "Finanzas claras",
description: "Saldo disponible real tras gastos fijos y variables.",
},
{
title: "Agenda vinculada",
description: "Tus recibos se marcan automáticamente en el calendario.",
},
{
title: "Notificaciones inteligentes",
description: "Alertas push 2 días antes de cada vencimiento.",
},
{ title: "Finanzas claras", description: "Saldo disponible real tras gastos fijos y variables." },
{ title: "Agenda vinculada", description: "Tus recibos se marcan automáticamente en el calendario." },
{ title: "Notificaciones inteligentes", description: "Alertas push 2 días antes de cada vencimiento." },
]}
imageSrc="http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg"
imageAlt="Concepto de finanzas minimalistas"
mediaAnimation="slide-up"
/>
@@ -127,28 +83,14 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Gastos Hormiga",
description: "Botones de un toque para café, snacks y propinas.",
media: {
imageSrc: "http://img.b2bpic.net/free-vector/mobile-application-with-unresolved-payments-coronavirus-pandemic-vector_53876-169109.jpg",
imageAlt: "Seguimiento rápido de gastos",
},
title: "Gastos Hormiga", description: "Botones de un toque para café, snacks y propinas.", media: { imageSrc: "http://img.b2bpic.net/free-vector/mobile-application-with-unresolved-payments-coronavirus-pandemic-vector_53876-169109.jpg", imageAlt: "Seguimiento rápido de gastos" },
items: [],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-119022.jpg?_wi=2",
imageAlt: "mobile expense tracker quick button ui",
reverse: false
},
{
title: "Automatización Bills",
description: "Vincular recibos con la agenda para alertas preventivas.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg",
imageAlt: "Automatización de recibos",
},
title: "Automatización Bills", description: "Vincular recibos con la agenda para alertas preventivas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg", imageAlt: "Automatización de recibos" },
items: [],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-vector/information-technology-vectors_23-2147501064.jpg?_wi=2",
imageAlt: "mobile expense tracker quick button ui",
reverse: true
},
]}
title="Registro rápido y eficiente"
@@ -163,42 +105,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Resumen Mensual",
price: "Pie Chart",
imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
},
{
id: "2",
name: "Comparativa Mes Anterior",
price: "Analítica",
imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg",
},
{
id: "3",
name: "Gastos por Categoría",
price: "Detalle",
imageSrc: "http://img.b2bpic.net/free-photo/jar-coins-economy-word_23-2148546888.jpg",
},
{
id: "4",
name: "Proyección Ahorro",
price: "Predicción",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-black-small-audio-control-device-books-indoors_181624-2102.jpg",
},
{
id: "5",
name: "Balance Ingresos/Gastos",
price: "Indicadores",
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg",
},
{
id: "6",
name: "Alertas de Vencimiento",
price: "Gestión",
imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147900212.jpg",
},
{ id: "1", name: "Resumen Mensual", price: "Pie Chart", imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg" },
{ id: "2", name: "Comparativa Mes Anterior", price: "Analítica", imageSrc: "http://img.b2bpic.net/free-photo/teleworker-home-office-gathering-information-from-internet-seminar_482257-119301.jpg" },
{ id: "3", name: "Gastos por Categoría", price: "Detalle", imageSrc: "http://img.b2bpic.net/free-photo/jar-coins-economy-word_23-2148546888.jpg" },
{ id: "4", name: "Proyección Ahorro", price: "Predicción", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-round-black-small-audio-control-device-books-indoors_181624-2102.jpg" },
{ id: "5", name: "Balance Ingresos/Gastos", price: "Indicadores", imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg" },
{ id: "6", name: "Alertas de Vencimiento", price: "Gestión", imageSrc: "http://img.b2bpic.net/free-vector/admin-dashboard-panel-template_23-2147900212.jpg" },
]}
title="Reportes y Gráficas"
description="Visualiza tu salud financiera mes a mes con gráficas comparativas."
@@ -211,54 +123,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Gratis",
price: "$0",
period: "/mes",
description: "Gestión financiera básica.",
button: {
text: "Usar PWA",
},
featuresTitle: "Funciones",
features: [
"Dashboard básico",
"Gastos manuales",
"Agenda estándar",
],
},
{
id: "pro",
tag: "Pro",
price: "$9",
period: "/mes",
description: "Alertas y reportes avanzados.",
button: {
text: "Mejorar",
},
featuresTitle: "Funciones Pro",
features: [
"Alertas Push",
"Reportes PDF",
"Sincronización ilimitada",
],
},
{
id: "enterprise",
tag: "Power",
price: "$19",
period: "/mes",
description: "Finanzas familiares e inversión.",
button: {
text: "Contactar",
},
featuresTitle: "Power",
features: [
"Cuentas compartidas",
"Exportación CSV",
"Soporte priority",
],
},
{ id: "basic", tag: "Gratis", price: "$0", period: "/mes", description: "Gestión financiera básica.", button: { text: "Usar PWA" }, featuresTitle: "Funciones", features: ["Dashboard básico", "Gastos manuales", "Agenda estándar"] },
{ id: "pro", tag: "Pro", price: "$9", period: "/mes", description: "Alertas y reportes avanzados.", button: { text: "Mejorar" }, featuresTitle: "Funciones Pro", features: ["Alertas Push", "Reportes PDF", "Sincronización ilimitada"] },
{ id: "enterprise", tag: "Power", price: "$19", period: "/mes", description: "Finanzas familiares e inversión.", button: { text: "Contactar" }, featuresTitle: "Power", features: ["Cuentas compartidas", "Exportación CSV", "Soporte priority"] },
]}
title="Elige tu nivel de control"
description="Escala de funcionalidades para mejorar tu productividad."
@@ -272,21 +139,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "30%",
description: "Reducción en gastos hormiga.",
},
{
id: "m2",
value: "100%",
description: "Cumplimiento en pagos de recibos.",
},
{
id: "m3",
value: "15h",
description: "Horas ahorradas al mes en gestión.",
},
{ id: "m1", value: "30%", description: "Reducción en gastos hormiga." },
{ id: "m2", value: "100%", description: "Cumplimiento en pagos de recibos." },
{ id: "m3", value: "15h", description: "Horas ahorradas al mes en gestión." },
]}
title="Impacto Productivo"
description="Resultados tangibles al organizar tus finanzas."
@@ -297,31 +152,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Juan Perez",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg",
},
{
id: "t2",
name: "Maria Lopez",
imageSrc: "http://img.b2bpic.net/free-photo/redhaired-businessman-drinking-coffee_176420-4986.jpg",
},
{
id: "t3",
name: "Carlos Gomez",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-using-smartphone_23-2147800038.jpg",
},
{
id: "t4",
name: "Ana Silva",
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-freelance-worker-using-mobile-phone-reading-text-message-while-working-office_637285-6493.jpg",
},
{
id: "t5",
name: "Luis Diaz",
imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-using-his-mobile-phone-while-working-office_58466-16065.jpg",
},
{ id: "t1", name: "Juan Perez", imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg" },
{ id: "t2", name: "Maria Lopez", imageSrc: "http://img.b2bpic.net/free-photo/redhaired-businessman-drinking-coffee_176420-4986.jpg" },
{ id: "t3", name: "Carlos Gomez", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-using-smartphone_23-2147800038.jpg" },
{ id: "t4", name: "Ana Silva", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-freelance-worker-using-mobile-phone-reading-text-message-while-working-office_637285-6493.jpg" },
{ id: "t5", name: "Luis Diaz", imageSrc: "http://img.b2bpic.net/free-photo/professional-businessman-using-his-mobile-phone-while-working-office_58466-16065.jpg" },
]}
cardTitle="Usuarios felices"
cardTag="Opiniones"
@@ -335,25 +170,10 @@ export default function LandingPage() {
title="Soporte Técnico"
description="¿Tienes dudas sobre la configuración de tu cuenta?"
inputs={[
{
name: "nombre",
type: "text",
placeholder: "Tu nombre",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Tu email",
required: true,
},
{ name: "nombre", type: "text", placeholder: "Tu nombre", required: true },
{ name: "email", type: "email", placeholder: "Tu email", required: true },
]}
textarea={{
name: "mensaje",
placeholder: "Escribe tu duda aquí",
rows: 4,
required: true,
}}
textarea={{ name: "mensaje", placeholder: "Escribe tu duda aquí", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-smartphone-her-hands-works-late-night_169016-17594.jpg"
mediaAnimation="slide-up"
/>
@@ -364,32 +184,8 @@ export default function LandingPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9556mi"
logoText="FinFlow"
columns={[
{
title: "App",
items: [
{
label: "Dashboard",
href: "#dashboard",
},
{
label: "Gastos",
href: "#gastos",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
{ title: "App", items: [{ label: "Dashboard", href: "#dashboard" }, { label: "Gastos", href: "#gastos" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
]}
/>
</div>