bender/9f28063c-2c87-4b32-a3f9-c59b59a6c6a8
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-07 16:12:38 +00:00
parent bddeedec2f
commit 3413a862af
1 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/app/page.tsx
View File

@@ -31,9 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Contact", id: "contact" },
{ name: "Sobre Nosotros", id: "about" },
{ name: "Servicios", id: "services" },
{ name: "Contacto", id: "contact" },
]}
brandName="Lume"
/>
@@ -43,19 +43,19 @@ export default function LandingPage() {
<HeroBillboardCarousel
background={{
variant: "gradient-bars"}}
title="Crafting Digital Presence"
description="Lume builds high-performance, minimalist websites designed to grow your business."
title="Creamos tu Presencia Digital"
description="Lume diseña sitios web minimalistas de alto rendimiento para impulsar tu negocio."
buttons={[
{
text: "Get Started", href: "#contact"},
text: "Comenzar", href: "#contact"},
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379232.jpg", imageAlt: "minimalist web design agency office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-freelance-web-designer-drinking-coffee-workplace-holding-stylus-lightly-tanned-lady-black-shirt-using-tablet-her-office-sitting-front-computer_197531-3742.jpg", imageAlt: "minimalist web design agency office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-glasses-holding-pencil-looking-away-work-office-indoor-portrait-busy-long-haired-female-accountant-using-computer_197531-3763.jpg", imageAlt: "minimalist web design agency office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg", imageAlt: "minimalist web design agency office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg", imageAlt: "minimalist web design agency office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop_23-2149636249.jpg", imageAlt: "minimalist web design agency office" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379232.jpg", imageAlt: "diseño web minimalista" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-freelance-web-designer-drinking-coffee-workplace-holding-stylus-lightly-tanned-lady-black-shirt-using-tablet-her-office-sitting-front-computer_197531-3742.jpg", imageAlt: "diseño web minimalista" },
{ imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-glasses-holding-pencil-looking-away-work-office-indoor-portrait-busy-long-haired-female-accountant-using-computer_197531-3763.jpg", imageAlt: "diseño web minimalista" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg", imageAlt: "diseño web minimalista" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30136.jpg", imageAlt: "diseño web minimalista" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop_23-2149636249.jpg", imageAlt: "diseño web minimalista" },
]}
/>
</div>
@@ -63,10 +63,10 @@ export default function LandingPage() {
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Websites that mean business."
title="Sitios web que generan resultados."
buttons={[
{
text: "Learn More", href: "#services"},
text: "Conoce más", href: "#services"},
]}
/>
</div>
@@ -78,17 +78,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Web Design", description: "Custom UI/UX designs focused on performance.", bentoComponent: "reveal-icon", icon: Layout,
title: "Diseño Web", description: "UI/UX personalizado enfocado en la experiencia.", bentoComponent: "reveal-icon", icon: Layout,
},
{
title: "Development", description: "Fast, secure, and responsive web development.", bentoComponent: "reveal-icon", icon: Code,
title: "Desarrollo", description: "Desarrollo web rápido, seguro y adaptable.", bentoComponent: "reveal-icon", icon: Code,
},
{
title: "Optimization", description: "SEO and performance tuning for better reach.", bentoComponent: "reveal-icon", icon: Zap,
title: "Optimización", description: "SEO y ajustes de rendimiento para mayor alcance.", bentoComponent: "reveal-icon", icon: Zap,
},
]}
title="Design Services"
description="We specialize in modern, high-impact web design for growing businesses."
title="Nuestros Servicios"
description="Nos especializamos en diseño web moderno de alto impacto para negocios en crecimiento."
/>
</div>
@@ -100,17 +100,17 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "50+", title: "Projects", description: "Delivered successfully", icon: CheckCircle,
id: "m1", value: "50+", title: "Proyectos", description: "Entregados exitosamente", icon: CheckCircle,
},
{
id: "m2", value: "99%", title: "Uptime", description: "Across all sites", icon: Server,
id: "m2", value: "99%", title: "Disponibilidad", description: "En todos los sitios", icon: Server,
},
{
id: "m3", value: "2x", title: "Growth", description: "Average lead increase", icon: TrendingUp,
id: "m3", value: "2x", title: "Crecimiento", description: "Promedio en leads", icon: TrendingUp,
},
]}
title="Results Driven"
description="We focus on real metrics that help businesses succeed online."
title="Enfocados en resultados"
description="Nos centramos en métricas reales que ayudan a los negocios a triunfar."
/>
</div>
@@ -121,24 +121,24 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah", handle: "@sarah", testimonial: "Excellent service and design sense.", rating: 5,
id: "1", name: "Sarah", handle: "@sarah", testimonial: "Excelente servicio y sentido del diseño.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
{
id: "2", name: "Mark", handle: "@mark", testimonial: "Lume transformed our business.", rating: 5,
id: "2", name: "Mark", handle: "@mark", testimonial: "Lume transformó nuestro negocio.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
{
id: "3", name: "Emily", handle: "@emily", testimonial: "Highly professional and fast results.", rating: 5,
id: "3", name: "Emily", handle: "@emily", testimonial: "Muy profesional y resultados rápidos.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg"},
{
id: "4", name: "David", handle: "@david", testimonial: "Best agency I have worked with.", rating: 5,
id: "4", name: "David", handle: "@david", testimonial: "La mejor agencia con la que he trabajado.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg"},
{
id: "5", name: "Anna", handle: "@anna", testimonial: "Creative and clear vision.", rating: 5,
id: "5", name: "Anna", handle: "@anna", testimonial: "Visión creativa y clara.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
]}
showRating={true}
title="Happy Clients"
description="Hear what our clients say about Lume's design quality."
title="Clientes Satisfechos"
description="Descubre lo que dicen sobre la calidad de Lume."
/>
</div>
@@ -147,13 +147,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Do you offer SEO?", content: "Yes, we focus on SEO during design."},
id: "f1", title: "¿Ofrecen SEO?", content: "Sí, trabajamos el SEO durante el diseño."},
{
id: "f2", title: "How long does it take?", content: "Depending on scope, usually 2-4 weeks."},
id: "f2", title: "¿Cuánto tiempo toma?", content: "Dependiendo del alcance, usualmente 2-4 semanas."},
{
id: "f3", title: "Pricing?", content: "We offer custom quotes for each project."},
id: "f3", title: "¿Precios?", content: "Ofrecemos presupuestos personalizados para cada proyecto."},
]}
sideTitle="Questions?"
sideTitle="Preguntas?"
faqsAnimation="slide-up"
/>
</div>
@@ -161,11 +161,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start your journey"
description="Ready to design your digital future?"
title="Comienza tu viaje"
description="¿Listo para diseñar tu futuro digital?"
inputs={[
{
name: "name", type: "text", placeholder: "Name", required: true,
name: "name", type: "text", placeholder: "Nombre", required: true,
},
{
name: "email", type: "email", placeholder: "Email", required: true,
@@ -179,12 +179,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Lume"
leftLink={{
text: "Privacy Policy", href: "#"}}
text: "Privacidad", href: "#"}}
rightLink={{
text: "Contact Us", href: "#contact"}}
text: "Contacto", href: "#contact"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}