From c78e5e3dd5250c8015a55a85e264dee510a63589 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 08:53:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 426 +++++++++++++----------------------------------
 1 file changed, 116 insertions(+), 310 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 07d3c1b..6c2e7a8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,323 +27,129 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Inicio",
-          id: "#hero",
-        },
-        {
-          name: "Quienes somos",
-          id: "#about",
-        },
-        {
-          name: "Servicios",
-          id: "#services",
-        },
-        {
-          name: "Promociones",
-          id: "#pricing",
-        },
-        {
-          name: "Contacto",
-          id: "#contact",
-        },
-      ]}
-      brandName="PubliViral"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "#hero" },
+              { name: "Quienes somos", id: "#about" },
+              { name: "Servicios", id: "#services" },
+              { name: "Promociones", id: "#pricing" },
+              { name: "Contacto", id: "#contact" },
+            ]}
+            brandName="PubliViral"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="PubliViral: Potencia tu Negocio en Campobasso"
-      description="Expertos en marketing digital, diseño web y gestión de redes sociales. Más de 25 años de trayectoria comunicando historias, ahora llevando tu marca al siguiente nivel."
-      buttons={[
-        {
-          text: "Ver Planes",
-          href: "#pricing",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png?_wi=1"
-      imageAlt="PubliViral Logo"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg",
-          alt: "Cliente 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg",
-          alt: "Cliente 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg",
-          alt: "Cliente 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
-          alt: "Cliente 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
-          alt: "Cliente 5",
-        },
-      ]}
-      avatarText="Más de 100 proyectos exitosos en Molise"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Marketing Digital",
-        },
-        {
-          type: "text",
-          text: "Diseño Web",
-        },
-        {
-          type: "text",
-          text: "Social Media",
-        },
-        {
-          type: "text",
-          text: "Estrategia Creativa",
-        },
-        {
-          type: "text",
-          text: "Publicidad Online",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "sparkles-gradient" }}
+            title="PubliViral: Potencia tu Negocio en Campobasso"
+            description="Expertos en marketing digital, diseño web y gestión de redes sociales. Más de 25 años de trayectoria comunicando historias, ahora llevando tu marca al siguiente nivel."
+            buttons={[{ text: "Ver Planes", href: "#pricing" }]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png"
+            imageAlt="PubliViral Logo"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", alt: "Cliente 1" },
+              { src: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg", alt: "Cliente 2" },
+              { src: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", alt: "Cliente 3" },
+              { src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg", alt: "Cliente 4" },
+              { src: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg", alt: "Cliente 5" },
+            ]}
+            avatarText="Más de 100 proyectos exitosos en Molise"
+            marqueeItems={[
+              { type: "text", text: "Marketing Digital" },
+              { type: "text", text: "Diseño Web" },
+              { type: "text", text: "Social Media" },
+              { type: "text", text: "Estrategia Creativa" },
+              { type: "text", text: "Publicidad Online" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Nuestra Historia"
-      metrics={[
-        {
-          icon: Tv,
-          label: "Experiencia en Medios",
-          value: "25+",
-        },
-        {
-          icon: Radio,
-          label: "Años comunicando",
-          value: "25+",
-        },
-        {
-          icon: Globe,
-          label: "Proyectos Digitales",
-          value: "100+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="Nuestra Historia"
+            metrics={[
+              { icon: Tv, label: "Experiencia en Medios", value: "25+" },
+              { icon: Radio, label: "Años comunicando", value: "25+" },
+              { icon: Globe, label: "Proyectos Digitales", value: "100+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "s1",
-          title: "Diseño Web",
-          description: "Sitios modernos, rápidos y adaptados a dispositivos móviles.",
-          tag: "Web",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png?_wi=2",
-          imageAlt: "User provided image",
-        },
-        {
-          id: "s2",
-          title: "Community Manager",
-          description: "Estrategia de redes sociales, gestión de comunidad y engagement.",
-          tag: "Social",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg",
-          imageAlt: "modern digital marketing agency workspace",
-        },
-        {
-          id: "s3",
-          title: "Copywriter",
-          description: "Redacción creativa para captar clientes y potenciar ventas.",
-          tag: "Marketing",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg?_wi=1",
-          imageAlt: "smiling business professional portrait",
-        },
-        {
-          id: "s4",
-          title: "Audio y Video",
-          description: "Creación de piezas publicitarias impactantes en alta calidad.",
-          tag: "Media",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg?_wi=1",
-          imageAlt: "satisfied retail store owner portrait",
-        },
-        {
-          id: "s5",
-          title: "Gestión Contable",
-          description: "Certificación y asesoramiento contable para tu empresa.",
-          tag: "Contable",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg?_wi=1",
-          imageAlt: "young ambitious startup founder",
-        },
-      ]}
-      title="Nuestros Servicios"
-      description="Desde la estrategia hasta la producción creativa."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "s1", title: "Diseño Web", description: "Sitios modernos, rápidos y adaptados a dispositivos móviles.", tag: "Web", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C77CBspDm63fKCH4ZrBBDWFYI6/uploaded-1775724778135-vehj7j6d.png", imageAlt: "User provided image" },
+              { id: "s2", title: "Community Manager", description: "Estrategia de redes sociales, gestión de comunidad y engagement.", tag: "Social", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-low-poly-plexus-design-shallow-depth-field-modern-communication_1048-12682.jpg", imageAlt: "modern digital marketing agency workspace" },
+              { id: "s3", title: "Copywriter", description: "Redacción creativa para captar clientes y potenciar ventas.", tag: "Marketing", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg", imageAlt: "smiling business professional portrait" },
+              { id: "s4", title: "Audio y Video", description: "Creación de piezas publicitarias impactantes en alta calidad.", tag: "Media", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg", imageAlt: "satisfied retail store owner portrait" },
+              { id: "s5", title: "Gestión Contable", description: "Certificación y asesoramiento contable para tu empresa.", tag: "Contable", imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg", imageAlt: "young ambitious startup founder" },
+            ]}
+            title="Nuestros Servicios"
+            description="Desde la estrategia hasta la producción creativa."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "fb",
-          badge: "Popular",
-          price: "€199",
-          subtitle: "Solo Facebook",
-          features: [
-            "Gestión básica",
-            "3 posts/semana",
-            "Reporte mensual",
-          ],
-          buttons: [
-            {
-              text: "Contactar",
-            },
-          ],
-        },
-        {
-          id: "ig",
-          badge: "Recomendado",
-          price: "€199",
-          subtitle: "Solo Instagram",
-          features: [
-            "Gestión estética",
-            "Diseño de historias",
-            "Interacción diaria",
-          ],
-          buttons: [
-            {
-              text: "Contactar",
-            },
-          ],
-        },
-        {
-          id: "all",
-          badge: "Completo",
-          price: "€349",
-          subtitle: "Facebook + Instagram",
-          features: [
-            "Estrategia unificada",
-            "Diseño de piezas",
-            "Análisis de métricas",
-          ],
-          buttons: [
-            {
-              text: "Contactar",
-            },
-          ],
-        },
-      ]}
-      title="Promoción Molise Activa"
-      description="Planes competitivos diseñados para que tu marca destaque."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "fb", badge: "Popular", price: "€199", subtitle: "Solo Facebook", features: ["Gestión básica", "3 posts/semana", "Reporte mensual"], buttons: [{ text: "Contactar" }] },
+              { id: "ig", badge: "Recomendado", price: "€199", subtitle: "Solo Instagram", features: ["Gestión estética", "Diseño de historias", "Interacción diaria"], buttons: [{ text: "Contactar" }] },
+              { id: "all", badge: "Completo", price: "€349", subtitle: "Facebook + Instagram", features: ["Estrategia unificada", "Diseño de piezas", "Análisis de métricas"], buttons: [{ text: "Contactar" }] },
+            ]}
+            title="Promoción Molise Activa"
+            description="Planes competitivos diseñados para que tu marca destaque."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          title: "Excelente servicio",
-          quote: "PubliViral transformó nuestra presencia online por completo.",
-          name: "Marco Rossi",
-          role: "Propietario",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          title: "Muy profesionales",
-          quote: "La experiencia en medios se nota en cada pieza publicitaria.",
-          name: "Giulia Bianchi",
-          role: "Directora",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          title: "Resultados rápidos",
-          quote: "El plan Molise Activa es la mejor inversión para nuestra zona.",
-          name: "Luca Verdi",
-          role: "Emprendedor",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          title: "Calidad creativa",
-          quote: "El copywritting es impecable, logramos conectar con nuestra audiencia.",
-          name: "Sofia Neri",
-          role: "Empresaria",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
-        },
-        {
-          id: "t5",
-          title: "Recomendados",
-          quote: "Una agencia familiar, cercana y muy efectiva.",
-          name: "Alessandro Romano",
-          role: "Socio",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg",
-        },
-      ]}
-      title="Lo que dicen nuestros clientes"
-      description="Transformamos marcas con experiencia y profesionalismo."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", title: "Excelente servicio", quote: "PubliViral transformó nuestra presencia online por completo.", name: "Marco Rossi", role: "Propietario", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-outdoors_23-2151038668.jpg" },
+              { id: "t2", title: "Muy profesionales", quote: "La experiencia en medios se nota en cada pieza publicitaria.", name: "Giulia Bianchi", role: "Directora", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-sitting-by-table-cafe-with-laptop-computer-looking-away-while-holding-book-cup-coffee_171337-5594.jpg" },
+              { id: "t3", title: "Resultados rápidos", quote: "El plan Molise Activa es la mejor inversión para nuestra zona.", name: "Luca Verdi", role: "Emprendedor", imageSrc: "http://img.b2bpic.net/free-photo/man-signs-documents-businessman-sitting-table-manager-working-office_1157-42012.jpg" },
+              { id: "t4", title: "Calidad creativa", quote: "El copywritting es impecable, logramos conectar con nuestra audiencia.", name: "Sofia Neri", role: "Empresaria", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg" },
+              { id: "t5", title: "Recomendados", quote: "Una agencia familiar, cercana y muy efectiva.", name: "Alessandro Romano", role: "Socio", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430632.jpg" },
+            ]}
+            title="Lo que dicen nuestros clientes"
+            description="Transformamos marcas con experiencia y profesionalismo."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Comienza tu viaje con PubliViral hoy mismo. Contáctanos por redes sociales o a través de nuestra web."
-      buttons={[
-        {
-          text: "Escríbenos en Instagram",
-          href: "https://instagram.com",
-        },
-        {
-          text: "Contáctanos por WhatsApp",
-          href: "https://wa.me",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            text="Comienza tu viaje con PubliViral hoy mismo. Contáctanos por redes sociales o a través de nuestra web."
+            buttons={[
+              { text: "Escríbenos en Instagram", href: "https://instagram.com" },
+              { text: "Contáctanos por WhatsApp", href: "https://wa.me" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="PubliViral"
-      copyrightText="© 2025 PubliViral Molise. Todos los derechos reservados."
-      socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="PubliViral"
+            copyrightText="© 2025 PubliViral Molise. Todos los derechos reservados."
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1