From 2697bbe18df17b6669bb7f8bd075d604b7fb65ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 21:36:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 280 +++++++----------------------------------------
 1 file changed, 38 insertions(+), 242 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d89abe3..a8011ea 100644
--- a/src/app/page.tsx
+++ b/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>
-- 
2.49.1