Merge version_1 into main #2
280
src/app/page.tsx
280
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user