Update src/app/page.tsx

2026-03-26 06:01:50 +00:00
parent 5761eac9bd
commit 70da60dde6
1 changed files with 43 additions and 117 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import { AlertTriangle, Award, Clock, Cog, LineChart, Reply, Sparkles, Users } from "lucide-react";
+import { AlertTriangle, Award, Clock, Cog, LineChart, Reply, Sparkles, Users, X, Building, Briefcase, UserCircle } from "lucide-react";

 export default function LandingPage() {
  return (
@@ -31,27 +31,17 @@ export default function LandingPage() {
      <NavbarLayoutFloatingInline
      navItems={[
        {
-          name: "Problema",
-          id: "problem",
-        },
+          name: "Problema",          id: "problem"},
        {
-          name: "Solución",
-          id: "solution",
-        },
+          name: "Solución",          id: "solution"},
        {
-          name: "Beneficios",
-          id: "benefits",
-        },
+          name: "Beneficios",          id: "benefits"},
        {
-          name: "Oferta",
-          id: "offer",
-        },
+          name: "Oferta",          id: "offer"},
      ]}
      brandName="Tu Landing"
      button={{
-        text: "Escríbeme por WhatsApp",
-        href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero solicitar mi landing page.",
-      }}
+        text: "Escríbeme por WhatsApp",        href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero solicitar mi landing page."}}
      animateOnLoad={true}
    />
  </div>
@@ -59,19 +49,14 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      logoText="Deja de perder clientes por no tener un sistema que venda por ti"
      description="Creo landing pages simples y efectivas que convierten visitas en clientes sin que tengas que responder mensajes todo el día."
      buttons={[
        {
-          text: "Solicitar mi landing",
-          href: "#offer",
-        },
+          text: "Solicitar mi landing",          href: "#offer"},
        {
-          text: "Escríbeme por WhatsApp",
-          href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero solicitar mi landing page.",
-        },
+          text: "Escríbeme por WhatsApp",          href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero solicitar mi landing page."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
      mediaAnimation="slide-up"
@@ -86,24 +71,16 @@ export default function LandingPage() {
      features={[
        {
          icon: AlertTriangle,
-          title: "Dependes de WhatsApp o redes sociales",
-          description: "Tu proceso de venta es manual y consume mucho tiempo.",
-        },
+          title: "Dependes de WhatsApp o redes sociales",          description: "Tu proceso de venta es manual y consume mucho tiempo."},
        {
          icon: Reply,
-          title: "Respondes mensajes sin cerrar ventas",
-          description: "Inviertes esfuerzo en conversaciones que no se convierten en negocio.",
-        },
+          title: "Respondes mensajes sin cerrar ventas",          description: "Inviertes esfuerzo en conversaciones que no se convierten en negocio."},
        {
-          icon: "X",
-          title: "Tus visitas no se convierten en clientes",
-          description: "Tu audiencia no encuentra un camino claro para tomar acción.",
-        },
+          icon: X,
+          title: "Tus visitas no se convierten en clientes",          description: "Tu audiencia no encuentra un camino claro para tomar acción."},
        {
          icon: Cog,
-          title: "No tienes un sistema que trabaje por ti",
-          description: "Necesitas automatizar para escalar y liberar tu tiempo.",
-        },
+          title: "No tienes un sistema que trabaje por ti",          description: "Necesitas automatizar para escalar y liberar tu tiempo."},
      ]}
      title="La mayoría de negocios pierde ventas todos los días"
      description="Si te identificas con alguno de estos puntos, es hora de optimizar tu presencia digital."
@@ -116,9 +93,7 @@ export default function LandingPage() {
      useInvertedBackground={false}
      heading={[
        {
-          type: "text",
-          content: "Una landing page que vende por ti 24/7",
-        },
+          type: "text",          content: "Una landing page que vende por ti 24/7"},
      ]}
    />
  </div>
@@ -130,29 +105,20 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          icon: AlertTriangle,
-          title: "Dependes de WhatsApp o redes sociales",
-          description: "Tu proceso de venta es manual y consume mucho tiempo.",
-        },
+          icon: Building,
+          title: "Negocios locales",          description: "Restaurantes, salones de belleza, talleres y más, buscando una presencia digital efectiva."},
        {
-          icon: Reply,
-          title: "Respondes mensajes sin cerrar ventas",
-          description: "Inviertes esfuerzo en conversaciones que no se convierten en negocio.",
-        },
+          icon: Briefcase,
+          title: "Emprendedores",          description: "Quienes están iniciando y necesitan una base sólida para captar sus primeros clientes."},
        {
-          icon: "X",
-          title: "Tus visitas no se convierten en clientes",
-          description: "Tu audiencia no encuentra un camino claro para tomar acción.",
-        },
+          icon: Users,
+          title: "Coaches y servicios",          description: "Profesionales que ofrecen consultorías, cursos o servicios personalizados."},
        {
-          icon: Cog,
-          title: "No tienes un sistema que trabaje por ti",
-          description: "Necesitas automatizar para escalar y liberar tu tiempo.",
-        },
+          icon: UserCircle,
+          title: "Marcas personales",          description: "Expertos que desean construir su autoridad y atraer clientes con una imagen profesional."},
      ]}
-      title="La mayoría de negocios pierde ventas todos los días"
-      description="Si te identificas con alguno de estos puntos, es hora de optimizar tu presencia digital."
-      tag="El Problema"
+      title="¿Para quién es esta solución?"
+      description="Mi servicio está diseñado para potenciar a una variedad de profesionales y negocios."
    />
  </div>

@@ -163,29 +129,17 @@ export default function LandingPage() {
      useInvertedBackground={false}
      metrics={[
        {
-          id: "1",
-          icon: Users,
-          title: "Más clientes sin esfuerzo manual",
-          value: "24/7",
-        },
+          id: "1",          icon: Users,
+          title: "Más clientes sin esfuerzo manual",          value: "24/7"},
        {
-          id: "2",
-          icon: Clock,
-          title: "Menos tiempo respondiendo mensajes",
-          value: "Ahorro",
-        },
+          id: "2",          icon: Clock,
+          title: "Menos tiempo respondiendo mensajes",          value: "Ahorro"},
        {
-          id: "3",
-          icon: LineChart,
-          title: "Proceso de venta más claro",
-          value: "Optimizado",
-        },
+          id: "3",          icon: LineChart,
+          title: "Proceso de venta más claro",          value: "Optimizado"},
        {
-          id: "4",
-          icon: Award,
-          title: "Imagen profesional y creíble",
-          value: "Autoridad",
-        },
+          id: "4",          icon: Award,
+          title: "Imagen profesional y creíble",          value: "Autoridad"},
      ]}
      title="Beneficios de tener tu propia landing page"
      description="Transforma tu negocio con una estrategia digital inteligente."
@@ -199,44 +153,21 @@ export default function LandingPage() {
      useInvertedBackground={false}
      plans={[
        {
-          id: "basic",
-          badge: "Inicio Rápido",
-          price: "Desde $50",
-          subtitle: "Ideal para pequeños negocios y emprendedores que quieren empezar a vender online. Solución efectiva y económica.",
-          buttons: [
+          id: "basic",          badge: "Inicio Rápido",          price: "Desde $50",          subtitle: "Ideal para pequeños negocios y emprendedores que quieren empezar a vender online. Solución efectiva y económica.",          buttons: [
            {
-              text: "Comenzar Ahora",
-              href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero mi landing page de inicio rápido.",
-            },
+              text: "Comenzar Ahora",              href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero mi landing page de inicio rápido."},
          ],
          features: [
-            "Diseño Responsivo",
-            "Copywriting Base",
-            "Botón de WhatsApp",
-            "Hosting Básico (1 año)",
-            "Optimización SEO básica",
-          ],
+            "Diseño Responsivo",            "Copywriting Base",            "Botón de WhatsApp",            "Hosting Básico (1 año)",            "Optimización SEO básica"],
        },
        {
-          id: "pro",
-          badge: "Crecimiento Plus",
-          badgeIcon: Sparkles,
-          price: "Hasta $100",
-          subtitle: "Para negocios que buscan una presencia más robusta y funciones avanzadas para maximizar conversiones.",
-          buttons: [
+          id: "pro",          badge: "Crecimiento Plus",          badgeIcon: Sparkles,
+          price: "Hasta $100",          subtitle: "Para negocios que buscan una presencia más robusta y funciones avanzadas para maximizar conversiones.",          buttons: [
            {
-              text: "Solicitar Pro",
-              href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero mi landing page Crecimiento Plus.",
-            },
+              text: "Solicitar Pro",              href: "https://wa.me/yourphonenumber?text=¡Hola! Quiero mi landing page Crecimiento Plus."},
          ],
          features: [
-            "Diseño Personalizado",
-            "Copywriting Estratégico",
-            "Integración CRM",
-            "Hosting Premium (1 año)",
-            "Analíticas Avanzadas",
-            "Soporte Prioritario",
-          ],
+            "Diseño Personalizado",            "Copywriting Estratégico",            "Integración CRM",            "Hosting Premium (1 año)",            "Analíticas Avanzadas",            "Soporte Prioritario"],
        },
      ]}
      title="Tu landing lista para vender"
@@ -248,8 +179,7 @@ export default function LandingPage() {
      <ContactCenter
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="Acción Final"
      title="Empieza a convertir visitas en clientes hoy"
      description="No esperes más para tener un sistema que venda por ti. Contáctame y diseñemos tu landing page ideal."
@@ -262,13 +192,9 @@ export default function LandingPage() {
      <FooterLogoReveal
      logoText="Tu Landing"
      leftLink={{
-        text: "Privacidad",
-        href: "#",
-      }}
+        text: "Privacidad",        href: "#"}}
      rightLink={{
-        text: "Términos",
-        href: "#",
-      }}
+        text: "Términos",        href: "#"}}
    />
  </div>
      </ReactLenis>