bender/f6fab6d0-9374-4ad5-9d88-3c7d1facfacc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-06 10:37:01 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -269
1 changed files with 37 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/app/page.tsx
View File

@@ -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>
);
}
}