From d04308a3c38f4737669b8f03986f00466f4975b9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 10:36:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 306 ++++++-----------------------------------------
 1 file changed, 37 insertions(+), 269 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a6050e4..702648d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Inicio",
-          id: "#hero",
-        },
-        {
-          name: "Servicios",
-          id: "#servicios",
-        },
-        {
-          name: "Gaming",
-          id: "#gaming",
-        },
-        {
-          name: "Proyectos",
-          id: "#proyectos",
-        },
-        {
-          name: "Contacto",
-          id: "#contacto",
-        },
+        { name: "Inicio", id: "#hero" },
+        { name: "Servicios", id: "#servicios" },
+        { name: "Gaming", id: "#gaming" },
+        { name: "Proyectos", id: "#proyectos" },
+        { name: "Contacto", id: "#contacto" },
       ]}
       brandName="Matías Lanfranconi"
     />
@@ -58,42 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="SITIOS WEB QUE CONVIERTEN VISITAS EN CLIENTES"
       description="Diseño y desarrollo páginas web en WordPress pensadas para EMPRENDEDORES que buscan resultados reales."
       buttons={[
-        {
-          text: "Solicitá una cotización",
-          href: "#contacto",
-        },
-        {
-          text: "Agendá una reunión",
-          href: "#contacto",
-        },
+        { text: "Solicitá una cotización", href: "#contacto" },
+        { text: "Agendá una reunión", href: "#contacto" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg?_wi=1",
-          imageAlt: "luxury designer workspace soft focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/unfocused-common-room_1203-1247.jpg",
-          imageAlt: "luxury designer workspace soft focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459731.jpg",
-          imageAlt: "luxury designer workspace soft focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg",
-          imageAlt: "luxury designer workspace soft focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadows_23-2149054744.jpg",
-          imageAlt: "luxury designer workspace soft focus",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg", imageAlt: "luxury designer workspace soft focus" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/unfocused-common-room_1203-1247.jpg", imageAlt: "luxury designer workspace soft focus" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459731.jpg", imageAlt: "luxury designer workspace soft focus" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -105,20 +65,11 @@ export default function LandingPage() {
       title="Soy Matías Lanfranconi — Diseñador y desarrollador web especializado en WordPress."
       description="Combino diseño, estrategia y desarrollo para crear sitios web profesionales, rápidos y optimizados para generar resultados reales. Ayudo a marcas y emprendedores a mejorar su presencia online, y colaboro con agencias de marketing."
       metrics={[
-        {
-          value: "100+",
-          title: "Proyectos Entregados",
-        },
-        {
-          value: "98%",
-          title: "Satisfacción de Clientes",
-        },
-        {
-          value: "5+",
-          title: "Años de Experiencia",
-        },
+        { value: "100+", title: "Proyectos Entregados" },
+        { value: "98%", title: "Satisfacción de Clientes" },
+        { value: "5+", title: "Años de Experiencia" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-having-coffee_23-2148452628.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-having-coffee_23-2148452628.jpg"
       imageAlt="professional web designer portrait"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -131,74 +82,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Diseño y desarrollo web WordPress",
-          description: "Sitios profesionales, escalables y fáciles de administrar.",
-          icon: Layout,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-art-tools-table-creative-workshop-studio_482257-27220.jpg",
-              imageAlt: "Close up of art tools on table in creative workshop studio",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-glasses-wood-table_1423-43.jpg",
-              imageAlt: "Office workplace with laptop and glasses on wood table",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg?_wi=2",
-          imageAlt: "Close up of art tools on table in creative workshop studio",
-        },
-        {
-          title: "Tiendas online (E-Commerce)",
-          description: "Venta directa con WooCommerce, integraciones de pago y panel intuitivo.",
-          icon: ShoppingCart,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-agenda-coffee_23-2148459708.jpg",
-              imageAlt: "Front view of agenda and coffee",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459721.jpg",
-              imageAlt: "Top view of desk concept with copy space",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-having-coffee_23-2148452628.jpg?_wi=2",
-          imageAlt: "Close up of art tools on table in creative workshop studio",
-        },
-        {
-          title: "Mantenimiento y seguridad",
-          description: "Actualizaciones, copias de seguridad y monitoreo constante.",
-          icon: ShieldCheck,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-501.jpg",
-              imageAlt: "Image of engineering objects on workplace top view.Construction concept. Engineering tools.Vintage tone retro filter effect,soft focus(selective focus)",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/white-building-with-glass-doors_1203-1241.jpg",
-              imageAlt: "White building with glass doors",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/cover-template-with-geometric-design-set_23-2148236184.jpg?_wi=1",
-          imageAlt: "Close up of art tools on table in creative workshop studio",
-        },
-        {
-          title: "Desarrollo para agencias",
-          description: "Trabajo tercerizado con total confidencialidad y entregas en tiempo y forma.",
-          icon: Users,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/interior-building-defocused_1194-1125.jpg",
-              imageAlt: "Interior building defocused",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/texture-old-concrete-wall-background_23-2148283247.jpg",
-              imageAlt: "Texture of old concrete wall for background",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
-          imageAlt: "Close up of art tools on table in creative workshop studio",
-        },
+        { title: "Diseño y desarrollo web WordPress", description: "Sitios profesionales, escalables y fáciles de administrar.", icon: Layout, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-art-tools-table-creative-workshop-studio_482257-27220.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/office-workplace-with-laptop-glasses-wood-table_1423-43.jpg" }] },
+        { title: "Tiendas online (E-Commerce)", description: "Venta directa con WooCommerce, integraciones de pago y panel intuitivo.", icon: ShoppingCart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-agenda-coffee_23-2148459708.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459721.jpg" }] },
+        { title: "Mantenimiento y seguridad", description: "Actualizaciones, copias de seguridad y monitoreo constante.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-501.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/white-building-with-glass-doors_1203-1241.jpg" }] },
+        { title: "Desarrollo para agencias", description: "Trabajo tercerizado con total confidencialidad y entregas en tiempo y forma.", icon: Users, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/interior-building-defocused_1194-1125.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/texture-old-concrete-wall-background_23-2148283247.jpg" }] },
       ]}
       title="Qué puedo hacer por tu negocio"
       description="Soluciones WordPress de alto rendimiento enfocadas en la conversión."
@@ -210,57 +97,9 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Lanzamiento Estratégico",
-          description: "Landing pages para campañas, Kickstarter y Steam Wishlists.",
-          icon: Rocket,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-design_1164-701.jpg",
-              imageAlt: "Modern business card design",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-ui-kit-collection_23-2149202271.jpg",
-              imageAlt: "Hand drawn flat ui kit collection",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg?_wi=3",
-          imageAlt: "Modern business card design",
-        },
-        {
-          title: "Integración Full",
-          description: "Conectividad total con Steam, Itch.io, Discord y YouTube.",
-          icon: Code2,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
-              imageAlt: "Digital dashboard",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg",
-              imageAlt: "Futuristic data interface",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-having-coffee_23-2148452628.jpg?_wi=3",
-          imageAlt: "Modern business card design",
-        },
-        {
-          title: "Experiencia Interactiva",
-          description: "Galerías, devlogs y secciones inmersivas para tu comunidad.",
-          icon: Layers,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
-              imageAlt: "Futuristic ai data visualization",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/video-game-health-bar-element-collection_23-2150256893.jpg",
-              imageAlt: "Video game health bar element collection",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/cover-template-with-geometric-design-set_23-2148236184.jpg?_wi=2",
-          imageAlt: "Modern business card design",
-        },
+        { title: "Lanzamiento Estratégico", description: "Landing pages para campañas, Kickstarter y Steam Wishlists.", icon: Rocket, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/modern-business-card-design_1164-701.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-ui-kit-collection_23-2149202271.jpg" }] },
+        { title: "Integración Full", description: "Conectividad total con Steam, Itch.io, Discord y YouTube.", icon: Code2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" }] },
+        { title: "Experiencia Interactiva", description: "Galerías, devlogs y secciones inmersivas para tu comunidad.", icon: Layers, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/video-game-health-bar-element-collection_23-2150256893.jpg" }] },
       ]}
       title="Webs diseñadas para estudios de videojuegos"
       description="Convertí tu juego en una marca que despierte interés y expectativa."
@@ -273,21 +112,9 @@ export default function LandingPage() {
       title="Tu web necesita más que un diseño bonito."
       tag="Diferenciación"
       metrics={[
-        {
-          id: "m1",
-          value: "UX/UI",
-          description: "Experiencia real en conversión",
-        },
-        {
-          id: "m2",
-          value: "SEO",
-          description: "Sitios rápidos, seguros y optimizados",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Adaptable a cualquier dispositivo",
-        },
+        { id: "m1", value: "UX/UI", description: "Experiencia real en conversión" },
+        { id: "m2", value: "SEO", description: "Sitios rápidos, seguros y optimizados" },
+        { id: "m3", value: "100%", description: "Adaptable a cualquier dispositivo" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -300,42 +127,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Estudio Gaming X",
-          price: "WordPress",
-          imageSrc: "http://img.b2bpic.net/free-vector/cover-template-with-geometric-design-set_23-2148236184.jpg?_wi=3",
-        },
-        {
-          id: "p2",
-          name: "Agencia Digital Alpha",
-          price: "WordPress",
-          imageSrc: "http://img.b2bpic.net/free-vector/brochure-covers-with-abstract-pixel-designs_1048-11590.jpg",
-        },
-        {
-          id: "p3",
-          name: "Tienda Organic Store",
-          price: "WooCommerce",
-          imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-kit-collection_23-2149218856.jpg",
-        },
-        {
-          id: "p4",
-          name: "Blog Técnico Tech Insights",
-          price: "WordPress",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
-        },
-        {
-          id: "p5",
-          name: "Landing Page Kickstart",
-          price: "WordPress",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6jzef",
-        },
-        {
-          id: "p6",
-          name: "Corporativo Global Solutions",
-          price: "WordPress",
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-duotone-red-esports-twitter-header_23-2149440596.jpg",
-        },
+        { id: "p1", name: "Estudio Gaming X", price: "WordPress", imageSrc: "http://img.b2bpic.net/free-vector/cover-template-with-geometric-design-set_23-2148236184.jpg" },
+        { id: "p2", name: "Agencia Digital Alpha", price: "WordPress", imageSrc: "http://img.b2bpic.net/free-vector/brochure-covers-with-abstract-pixel-designs_1048-11590.jpg" },
+        { id: "p3", name: "Tienda Organic Store", price: "WooCommerce", imageSrc: "http://img.b2bpic.net/free-vector/gradient-colored-ui-kit-collection_23-2149218856.jpg" },
       ]}
       title="Mis últimos trabajos"
       description="Proyectos que impulsan resultados."
@@ -347,21 +141,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "¿Cuánto tiempo toma desarrollar una web?",
-          content: "Depende del proyecto, pero promedio 2-4 semanas.",
-        },
-        {
-          id: "f2",
-          title: "¿Ofreces soporte post-entrega?",
-          content: "Sí, cuento con planes de mantenimiento mensual.",
-        },
-        {
-          id: "f3",
-          title: "¿Trabajas con agencias de publicidad?",
-          content: "Absolutamente, soy experto en outsourcing para agencias.",
-        },
+        { id: "f1", title: "¿Cuánto tiempo toma desarrollar una web?", content: "Depende del proyecto, pero promedio 2-4 semanas." },
+        { id: "f2", title: "¿Ofreces soporte post-entrega?", content: "Sí, cuento con planes de mantenimiento mensual." },
+        { id: "f3", title: "¿Trabajas con agencias de publicidad?", content: "Absolutamente, soy experto en outsourcing para agencias." },
       ]}
       title="Preguntas frecuentes"
       description="Todo lo que necesitas saber antes de empezar."
@@ -372,19 +154,11 @@ export default function LandingPage() {
   <div id="contacto" data-section="contacto">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       text="¿Querés un sitio que venda? Contame sobre tu proyecto y te asesoro sin compromiso."
       buttons={[
-        {
-          text: "Enviar mensaje",
-          href: "mailto:hola@matiaslanfranconi.com",
-        },
-        {
-          text: "Agendar llamada",
-          href: "#",
-        },
+        { text: "Enviar mensaje", href: "mailto:hola@matiaslanfranconi.com" },
+        { text: "Agendar llamada", href: "#" },
       ]}
     />
   </div>
@@ -392,17 +166,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="ML"
-      leftLink={{
-        text: "© 2024 Matías Lanfranconi",
-        href: "#",
-      }}
-      rightLink={{
-        text: "LinkedIn",
-        href: "https://linkedin.com",
-      }}
+      leftLink={{ text: "© 2024 Matías Lanfranconi", href: "#" }}
+      rightLink={{ text: "LinkedIn", href: "https://linkedin.com" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1