bender/02ce6bcc-c83d-4ee0-b8d4-e2367bade15b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 09:43:13 +00:00
parent 0832247cf7
commit 64d55af384
1 changed files with 44 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Portfolio",
id: "portfolio",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Portfolio", id: "portfolio" },
{ name: "Contact", id: "contact" },
]}
brandName="MATÍAS LANFRANCONI"
/>
@@ -58,103 +43,32 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
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."
testimonials={[
{
name: "Client A",
handle: "@client",
testimonial: "Increíble trabajo, resultados inmediatos.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-empty-notepad-desk_23-2148854585.jpg",
},
{
name: "Client B",
handle: "@b_startup",
testimonial: "Profesionalismo puro y entrega a tiempo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-tablet-coffee-plants_23-2152003805.jpg",
},
{
name: "Client C",
handle: "@digital_agency",
testimonial: "Una mejora radical en nuestra tasa de conversión.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg",
},
{
name: "Client D",
handle: "@indie_dev",
testimonial: "Entiende perfectamente el nicho de videojuegos.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-plant-laptop_23-2148110227.jpg",
},
{
name: "Client E",
handle: "@fashion_store",
testimonial: "Estética impecable, justo lo que buscábamos.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-121075.jpg",
},
]}
buttons={[
{
text: "Solicitá una cotización",
href: "#contact",
},
{
text: "Agendá una reunión",
href: "#contact",
},
{ name: "Client A", handle: "@client", testimonial: "Increíble trabajo, resultados inmediatos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-empty-notepad-desk_23-2148854585.jpg" },
{ name: "Client B", handle: "@b_startup", testimonial: "Profesionalismo puro y entrega a tiempo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-workspace-with-tablet-coffee-plants_23-2152003805.jpg" },
{ name: "Client C", handle: "@digital_agency", testimonial: "Una mejora radical en nuestra tasa de conversión.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/desk-arrangement-with-laptop-high-angle_23-2149073071.jpg" },
{ name: "Client D", handle: "@indie_dev", testimonial: "Entiende perfectamente el nicho de videojuegos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-coffee-plant-laptop_23-2148110227.jpg" },
{ name: "Client E", handle: "@fashion_store", testimonial: "Estética impecable, justo lo que buscábamos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-121075.jpg" },
]}
buttons={[{ text: "Solicitá una cotización", href: "#contact" }, { text: "Agendá una reunión", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/cozy-aesthetic-workspace-with-laptop-plants-warm-light_23-2152033088.jpg"
imageAlt="Matías Lanfranconi Web Design"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cozy-aesthetic-workspace-with-laptop-plants-warm-light_23-2152033088.jpg",
alt: "User 1",
},
{
src: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137417.jpg",
alt: "User 2",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
alt: "User 3",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg",
alt: "User 4",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",
alt: "User 5",
},
{ src: "http://img.b2bpic.net/free-photo/cozy-aesthetic-workspace-with-laptop-plants-warm-light_23-2152033088.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137417.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg", alt: "User 3" },
{ src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg", alt: "User 4" },
{ src: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg", alt: "User 5" },
]}
marqueeItems={[
{
type: "text",
text: "WordPress Expert",
},
{
type: "text",
text: "Conversion Driven",
},
{
type: "text",
text: "High Performance",
},
{
type: "text",
text: "Mobile Responsive",
},
{
type: "text",
text: "SEO Optimized",
},
{ type: "text", text: "WordPress Expert" },
{ type: "text", text: "Conversion Driven" },
{ type: "text", text: "High Performance" },
{ type: "text", text: "Mobile Responsive" },
{ type: "text", text: "SEO Optimized" },
]}
/>
</div>
@@ -174,34 +88,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "Diseño y desarrollo web",
description: "Sitios profesionales, escalables y fáciles de administrar.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-laptop_23-2149749908.jpg",
buttonText: "Saber más",
},
{
title: "Tiendas online",
description: "Venta directa con WooCommerce, integraciones de pago.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-professional-beauty-make-up-artist-vlogger-blogger-recording-makeup-tutorial-share-website-social-media_231208-14025.jpg",
buttonText: "Saber más",
},
{
title: "Mantenimiento y seguridad",
description: "Actualizaciones, backups y monitoreo constante.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-internet-browser-search-bar-screen_169016-40040.jpg",
buttonText: "Saber más",
},
{
title: "Desarrollo para agencias",
description: "Trabajo tercerizado con total confidencialidad.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
buttonText: "Saber más",
},
{ title: "Diseño y desarrollo web", description: "Sitios profesionales, escalables y fáciles de administrar.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-computer_23-2149930993.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-laptop_23-2149749908.jpg", buttonText: "Saber más" },
{ title: "Tiendas online", description: "Venta directa con WooCommerce, integraciones de pago.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-card_23-2149241415.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-professional-beauty-make-up-artist-vlogger-blogger-recording-makeup-tutorial-share-website-social-media_231208-14025.jpg", buttonText: "Saber más" },
{ title: "Mantenimiento y seguridad", description: "Actualizaciones, backups y monitoreo constante.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-with-internet-browser-search-bar-screen_169016-40040.jpg", buttonText: "Saber más" },
{ title: "Desarrollo para agencias", description: "Trabajo tercerizado con total confidencialidad.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320710.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg", buttonText: "Saber más" },
]}
title="Qué puedo hacer por tu negocio"
description="Soluciones estratégicas, rápidas y escalables."
@@ -215,42 +105,12 @@ export default function LandingPage() {
gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Landing pages para lanzamientos",
price: "Expertise",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137417.jpg",
},
{
id: "p2",
name: "Integración Steam/Discord",
price: "Tech",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-close-up_23-2148308536.jpg",
},
{
id: "p3",
name: "Galerías de arte y Trailers",
price: "Visuals",
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149123973.jpg",
},
{
id: "p4",
name: "Formularios para prensa",
price: "PR",
imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-tablet-executives-discussing-strategies_482257-126500.jpg",
},
{
id: "p5",
name: "Diseño adaptable",
price: "Mobile",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-headset-smart-technology-double-color-exposure-effect_53876-104907.jpg",
},
{
id: "p6",
name: "Devlogs interactivos",
price: "Content",
imageSrc: "http://img.b2bpic.net/free-photo/couple-gamers-playing-multiplayer-game-powerful-computer-home-with-professional-headphones_482257-488.jpg",
},
{ id: "p1", name: "Landing pages para lanzamientos", price: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137417.jpg" },
{ id: "p2", name: "Integración Steam/Discord", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-close-up_23-2148308536.jpg" },
{ id: "p3", name: "Galerías de arte y Trailers", price: "Visuals", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-landing-page_23-2149123973.jpg" },
{ id: "p4", name: "Formularios para prensa", price: "PR", imageSrc: "http://img.b2bpic.net/free-photo/factory-employee-works-mockup-tablet-executives-discussing-strategies_482257-126500.jpg" },
{ id: "p5", name: "Diseño adaptable", price: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-headset-smart-technology-double-color-exposure-effect_53876-104907.jpg" },
{ id: "p6", name: "Devlogs interactivos", price: "Content", imageSrc: "http://img.b2bpic.net/free-photo/couple-gamers-playing-multiplayer-game-powerful-computer-home-with-professional-headphones_482257-488.jpg" },
]}
title="Webs diseñadas para estudios y desarrolladores de videojuegos"
description="Convertí tu juego en una marca que despierte interés y expectativa."
@@ -261,26 +121,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Experiencia en conversión y UX",
content: "Optimizamos cada elemento para mejorar el rendimiento de ventas.",
},
{
id: "f2",
title: "Sitios rápidos y seguros",
content: "Velocidad de carga y protección constante ante amenazas.",
},
{
id: "f3",
title: "Diseño adaptable",
content: "Perfecto en cualquier dispositivo, móvil o escritorio.",
},
{
id: "f4",
title: "Comunicación clara",
content: "Soporte personalizado durante todo el proceso.",
},
{ id: "f1", title: "Experiencia en conversión y UX", content: "Optimizamos cada elemento para mejorar el rendimiento de ventas." },
{ id: "f2", title: "Sitios rápidos y seguros", content: "Velocidad de carga y protección constante ante amenazas." },
{ id: "f3", title: "Diseño adaptable", content: "Perfecto en cualquier dispositivo, móvil o escritorio." },
{ id: "f4", title: "Comunicación clara", content: "Soporte personalizado durante todo el proceso." },
]}
sideTitle="Tu web necesita más que un diseño bonito."
sideDescription="Cuando diseñás un sitio web, no solo necesitás que se vea bien — necesitás que funcione. Enfoco cada proyecto con mentalidad de marketing."
@@ -294,37 +138,14 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
title="Mis últimos trabajos"
description="Explora algunos de mis proyectos más recientes."
blogs={[
{
id: "b1",
category: "Web Design",
title: "Landing Page para Indie Studio",
excerpt: "Sitio optimizado para campaña Steam.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-floor-from-home-with-device_23-2149208592.jpg",
authorName: "Matías L.",
authorAvatar: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg",
date: "2024",
},
id: "b1", category: "Web Design", title: "Landing Page para Indie Studio", excerpt: "Sitio optimizado para campaña Steam.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-floor-from-home-with-device_23-2149208592.jpg", authorName: "Matías L.", authorAvatar: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345406.jpg", date: "2024"},
{
id: "b2",
category: "E-Commerce",
title: "Boutique Online",
excerpt: "Diseño elegante para venta de lujo.",
imageSrc: "http://img.b2bpic.net/free-photo/people-look-clothing-kiosk-service_482257-89749.jpg",
authorName: "Matías L.",
authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-woman-with-shopping-bags-smartphone_23-2148734472.jpg",
date: "2024",
},
id: "b2", category: "E-Commerce", title: "Boutique Online", excerpt: "Diseño elegante para venta de lujo.", imageSrc: "http://img.b2bpic.net/free-photo/people-look-clothing-kiosk-service_482257-89749.jpg", authorName: "Matías L.", authorAvatar: "http://img.b2bpic.net/free-photo/full-shot-woman-with-shopping-bags-smartphone_23-2148734472.jpg", date: "2024"},
{
id: "b3",
category: "Corporate",
title: "SaaS Platform",
excerpt: "Dashboard eficiente y moderno.",
imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg",
authorName: "Matías L.",
authorAvatar: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
date: "2024",
},
id: "b3", category: "Corporate", title: "SaaS Platform", excerpt: "Dashboard eficiente y moderno.", imageSrc: "http://img.b2bpic.net/free-photo/computers-data-center-running-server-rigs-diagnostic-tests_482257-118495.jpg", authorName: "Matías L.", authorAvatar: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg", date: "2024"},
]}
/>
</div>
@@ -332,9 +153,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contacto"
title="¿Querés un sitio que venda?"
description="Contame sobre tu proyecto y te asesoro sin compromiso. Respondo dentro de las 24 horas."
@@ -344,17 +163,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="MATÍAS LANFRANCONI"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 All Rights Reserved",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 All Rights Reserved", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}