bender/6cf0d224-5e42-4511-aaae-2fbbc475502d
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-29 16:01:44 +00:00
parent 05e52c95e8
commit 3539665b8e
1 changed files with 75 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

344
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "#inicio",
},
name: "Inicio", id: "#inicio"},
{
name: "Nosotros",
id: "#nosotros",
},
name: "Nosotros", id: "#nosotros"},
{
name: "Servicios",
id: "#servicios",
},
name: "Servicios", id: "#servicios"},
{
name: "Equipo",
id: "#equipo",
},
name: "Equipo", id: "#equipo"},
{
name: "Testimonios",
id: "#testimonios",
},
name: "Testimonios", id: "#testimonios"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contacto",
id: "#contacto",
},
name: "Contacto", id: "#contacto"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d6x3qn"
logoAlt="Vallco logo"
@@ -71,45 +57,28 @@ export default function LandingPage() {
<div id="inicio" data-section="inicio">
<HeroBillboardCarousel
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Vallco: Innovación para un Futuro Brillante"
description="Lideramos la transformación digital y estratégica de empresas, impulsando el crecimiento con soluciones integrales y un compromiso inquebrantable con la excelencia."
buttons={[
{
text: "Descubre Nuestros Servicios",
href: "#servicios",
},
text: "Descubre Nuestros Servicios", href: "#servicios"},
{
text: "Conoce Nuestro Equipo",
href: "#equipo",
},
text: "Conoce Nuestro Equipo", href: "#equipo"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/river-modern-buildings-against-sky_1359-976.jpg",
imageAlt: "Modern office building exterior",
},
imageSrc: "http://img.b2bpic.net/free-photo/river-modern-buildings-against-sky_1359-976.jpg", imageAlt: "Modern office building exterior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060280.jpg",
imageAlt: "Team collaboration in a modern office",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060280.jpg", imageAlt: "Team collaboration in a modern office"},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg",
imageAlt: "Digital transformation abstract background",
},
imageSrc: "http://img.b2bpic.net/free-photo/minimal-digital-futuristic-technology-background_53876-102622.jpg", imageAlt: "Digital transformation abstract background"},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hydroelectric-power-station-scottish-highlands_1308-189294.jpg",
imageAlt: "Sustainable energy solutions with solar panels",
},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-hydroelectric-power-station-scottish-highlands_1308-189294.jpg", imageAlt: "Sustainable energy solutions with solar panels"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blueprint-earmuffs_53876-30207.jpg",
imageAlt: "Urban development architecture design",
},
imageSrc: "http://img.b2bpic.net/free-photo/blueprint-earmuffs_53876-30207.jpg", imageAlt: "Urban development architecture design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg",
imageAlt: "Global logistics network warehouse",
},
imageSrc: "http://img.b2bpic.net/free-photo/smart-factory-expert-using-digital-device-app-test-automated-systems-closeup_482257-126768.jpg", imageAlt: "Global logistics network warehouse"},
]}
/>
</div>
@@ -121,17 +90,11 @@ export default function LandingPage() {
description="En Vallco, combinamos experiencia, creatividad y tecnología para ofrecer soluciones que superan las expectativas. Nuestro enfoque se centra en comprender las necesidades de cada cliente y traducirlas en estrategias efectivas y resultados medibles. Creemos en el poder de la colaboración y la innovación continua."
metrics={[
{
value: "+15",
title: "Años de Experiencia",
},
value: "+15", title: "Años de Experiencia"},
{
value: "98%",
title: "Satisfacción del Cliente",
},
value: "98%", title: "Satisfacción del Cliente"},
{
value: "+200",
title: "Proyectos Completados",
},
value: "+200", title: "Proyectos Completados"},
]}
imageSrc="http://img.b2bpic.net/free-photo/businesspeople-discussing-meeting_1098-641.jpg"
imageAlt="Professional business handshake agreement"
@@ -146,64 +109,28 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "consultoria",
label: "Estrategia",
title: "Consultoría Empresarial",
items: [
"Análisis de mercado",
"Planificación estratégica",
"Optimización de procesos",
],
id: "consultoria", label: "Estrategia", title: "Consultoría Empresarial", items: [
"Análisis de mercado", "Planificación estratégica", "Optimización de procesos"],
},
{
id: "desarrollo",
label: "Tecnología",
title: "Desarrollo de Software",
items: [
"Aplicaciones personalizadas",
"Sistemas de gestión",
"Integración de plataformas",
],
id: "desarrollo", label: "Tecnología", title: "Desarrollo de Software", items: [
"Aplicaciones personalizadas", "Sistemas de gestión", "Integración de plataformas"],
},
{
id: "marketing",
label: "Crecimiento",
title: "Marketing Digital",
items: [
"SEO y SEM",
"Gestión de redes sociales",
"Campañas publicitarias",
],
id: "marketing", label: "Crecimiento", title: "Marketing Digital", items: [
"SEO y SEM", "Gestión de redes sociales", "Campañas publicitarias"],
},
{
id: "ciberseguridad",
label: "Protección",
title: "Ciberseguridad Avanzada",
items: [
"Auditorías de seguridad",
"Protección de datos",
"Planes de respuesta a incidentes",
],
id: "ciberseguridad", label: "Protección", title: "Ciberseguridad Avanzada", items: [
"Auditorías de seguridad", "Protección de datos", "Planes de respuesta a incidentes"],
},
{
id: "infraestructura",
label: "Infraestructura",
title: "Gestión de Infraestructura TI",
items: [
"Servicios en la nube",
"Soporte y mantenimiento",
"Redes y comunicaciones",
],
id: "infraestructura", label: "Infraestructura", title: "Gestión de Infraestructura TI", items: [
"Servicios en la nube", "Soporte y mantenimiento", "Redes y comunicaciones"],
},
{
id: "capacitacion",
label: "Desarrollo",
title: "Capacitación y Formación",
items: [
"Talleres personalizados",
"Programas de desarrollo",
"Transferencia de conocimiento",
],
id: "capacitacion", label: "Desarrollo", title: "Capacitación y Formación", items: [
"Talleres personalizados", "Programas de desarrollo", "Transferencia de conocimiento"],
},
]}
title="Nuestros Servicios Integrales"
@@ -215,42 +142,23 @@ export default function LandingPage() {
<MetricCardSeven
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
metrics={[
{
id: "m1",
value: "+30%",
title: "Aumento en Rentabilidad",
items: [
"Mejora promedio en la rentabilidad de nuestros clientes.",
"Estrategias enfocadas en el ROI.",
],
id: "m1", value: "+30%", title: "Aumento en Rentabilidad", items: [
"Mejora promedio en la rentabilidad de nuestros clientes.", "Estrategias enfocadas en el ROI."],
},
{
id: "m2",
value: "20%",
title: "Reducción de Costos",
items: [
"Optimización de gastos operativos y tecnológicos.",
"Implementación de soluciones eficientes.",
],
id: "m2", value: "20%", title: "Reducción de Costos", items: [
"Optimización de gastos operativos y tecnológicos.", "Implementación de soluciones eficientes."],
},
{
id: "m3",
value: "95%",
title: "Retención de Clientes",
items: [
"Alto nivel de lealtad y confianza de nuestros socios comerciales.",
"Relaciones a largo plazo.",
],
id: "m3", value: "95%", title: "Retención de Clientes", items: [
"Alto nivel de lealtad y confianza de nuestros socios comerciales.", "Relaciones a largo plazo."],
},
{
id: "m4",
value: "+50%",
title: "Expansión Digital",
items: [
"Ampliación significativa de la presencia online de las empresas.",
"Nuevos mercados y audiencias alcanzadas.",
],
id: "m4", value: "+50%", title: "Expansión Digital", items: [
"Ampliación significativa de la presencia online de las empresas.", "Nuevos mercados y audiencias alcanzadas."],
},
]}
title="Resultados que Hablan por Sí Mismos"
@@ -266,40 +174,15 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "tm1",
name: "Ricardo Soto",
role: "Director General",
imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
imageAlt: "Ricardo Soto, Director General",
},
id: "tm1", name: "Ricardo Soto", role: "Director General", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", imageAlt: "Ricardo Soto, Director General"},
{
id: "tm2",
name: "Andrea Valenzuela",
role: "Jefa de Operaciones",
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
imageAlt: "Andrea Valenzuela, Jefa de Operaciones",
},
id: "tm2", name: "Andrea Valenzuela", role: "Jefa de Operaciones", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", imageAlt: "Andrea Valenzuela, Jefa de Operaciones"},
{
id: "tm3",
name: "Javier Bustamante",
role: "Líder de Desarrollo",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
imageAlt: "Javier Bustamante, Líder de Desarrollo",
},
id: "tm3", name: "Javier Bustamante", role: "Líder de Desarrollo", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", imageAlt: "Javier Bustamante, Líder de Desarrollo"},
{
id: "tm4",
name: "Carolina Reyes",
role: "Gerente de Proyectos",
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12844.jpg",
imageAlt: "Carolina Reyes, Gerente de Proyectos",
},
id: "tm4", name: "Carolina Reyes", role: "Gerente de Proyectos", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12844.jpg", imageAlt: "Carolina Reyes, Gerente de Proyectos"},
{
id: "tm5",
name: "Miguel Torres",
role: "Consultor Senior",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-unform-analyzing-project-building_1157-50897.jpg",
imageAlt: "Miguel Torres, Consultor Senior",
},
id: "tm5", name: "Miguel Torres", role: "Consultor Senior", imageSrc: "http://img.b2bpic.net/free-photo/young-man-unform-analyzing-project-building_1157-50897.jpg", imageAlt: "Miguel Torres, Consultor Senior"},
]}
title="Conoce a Nuestro Equipo"
description="Un grupo de profesionales apasionados y expertos en diversas áreas, comprometidos con el éxito de cada proyecto."
@@ -313,64 +196,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Laura Fernández",
role: "CEO",
company: "Innovate Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-man-meeting-with-business-partner_1262-16967.jpg",
imageAlt: "Laura Fernández",
},
id: "t1", name: "Laura Fernández", role: "CEO", company: "Innovate Solutions", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-man-meeting-with-business-partner_1262-16967.jpg", imageAlt: "Laura Fernández"},
{
id: "t2",
name: "Carlos Mena",
role: "Director de Marketing",
company: "Global Brands",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-freelance-worker-having-fun-while-working-office-desk-listening-music-headphones-his-colleagues-are-background_637285-2574.jpg",
imageAlt: "Carlos Mena",
},
id: "t2", name: "Carlos Mena", role: "Director de Marketing", company: "Global Brands", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-freelance-worker-having-fun-while-working-office-desk-listening-music-headphones-his-colleagues-are-background_637285-2574.jpg", imageAlt: "Carlos Mena"},
{
id: "t3",
name: "Sofía Castro",
role: "Fundadora",
company: "Startup Acelerada",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-worried-expression_1194-1660.jpg",
imageAlt: "Sofía Castro",
},
id: "t3", name: "Sofía Castro", role: "Fundadora", company: "Startup Acelerada", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-worried-expression_1194-1660.jpg", imageAlt: "Sofía Castro"},
{
id: "t4",
name: "Juan Pablo Gómez",
role: "Gerente de TI",
company: "TechCorp Latam",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-using-laptop-coffee-shop_1170-2334.jpg",
imageAlt: "Juan Pablo Gómez",
},
id: "t4", name: "Juan Pablo Gómez", role: "Gerente de TI", company: "TechCorp Latam", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-using-laptop-coffee-shop_1170-2334.jpg", imageAlt: "Juan Pablo Gómez"},
{
id: "t5",
name: "Marta Soto",
role: "Directora de Operaciones",
company: "Logística Eficaz",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg",
imageAlt: "Marta Soto",
},
id: "t5", name: "Marta Soto", role: "Directora de Operaciones", company: "Logística Eficaz", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg", imageAlt: "Marta Soto"},
]}
kpiItems={[
{
value: "98%",
label: "Satisfacción",
},
value: "98%", label: "Satisfacción"},
{
value: "100%",
label: "Compromiso",
},
value: "100%", label: "Compromiso"},
{
value: "Resultados",
label: "Comprobados",
},
value: "Resultados", label: "Comprobados"},
]}
title="Lo Que Dicen Nuestros Clientes"
description="La satisfacción de nuestros clientes es nuestra mayor recompensa. Escuche sus experiencias y descubra por qué eligen Vallco."
@@ -383,25 +230,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "¿Qué tipo de empresas atienden?",
content: "Trabajamos con una amplia gama de empresas, desde startups hasta corporaciones establecidas, en diversas industrias.",
},
id: "q1", title: "¿Qué tipo de empresas atienden?", content: "Trabajamos con una amplia gama de empresas, desde startups hasta corporaciones establecidas, en diversas industrias."},
{
id: "q2",
title: "¿Cómo es el proceso de colaboración?",
content: "Iniciamos con una consultoría gratuita para entender sus necesidades, luego diseñamos una propuesta personalizada y trabajamos de cerca en cada etapa del proyecto.",
},
id: "q2", title: "¿Cómo es el proceso de colaboración?", content: "Iniciamos con una consultoría gratuita para entender sus necesidades, luego diseñamos una propuesta personalizada y trabajamos de cerca en cada etapa del proyecto."},
{
id: "q3",
title: "¿Ofrecen soporte post-implementación?",
content: "Sí, ofrecemos planes de soporte y mantenimiento continuos para asegurar el rendimiento óptimo de las soluciones implementadas.",
},
id: "q3", title: "¿Ofrecen soporte post-implementación?", content: "Sí, ofrecemos planes de soporte y mantenimiento continuos para asegurar el rendimiento óptimo de las soluciones implementadas."},
{
id: "q4",
title: "¿Cuál es su enfoque en la innovación?",
content: "Estamos constantemente investigando nuevas tecnologías y metodologías para ofrecer las soluciones más avanzadas y eficientes a nuestros clientes.",
},
id: "q4", title: "¿Cuál es su enfoque en la innovación?", content: "Estamos constantemente investigando nuevas tecnologías y metodologías para ofrecer las soluciones más avanzadas y eficientes a nuestros clientes."},
]}
imageSrc="http://img.b2bpic.net/free-photo/call-center-agent-handling-inbound-calls-assisting-customers_482257-126118.jpg"
imageAlt="Customer support desk with a person looking at a screen"
@@ -419,27 +254,16 @@ export default function LandingPage() {
description="Estamos listos para escuchar sus ideas y transformar su negocio. Envíenos un mensaje y nuestro equipo se comunicará con usted en breve."
inputs={[
{
name: "nombre",
type: "text",
placeholder: "Tu Nombre Completo",
required: true,
name: "nombre", type: "text", placeholder: "Tu Nombre Completo", required: true,
},
{
name: "email",
type: "email",
placeholder: "Tu Correo Electrónico",
required: true,
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true,
},
{
name: "telefono",
type: "tel",
placeholder: "Tu Número de Teléfono (Opcional)",
},
name: "telefono", type: "tel", placeholder: "Tu Número de Teléfono (Opcional)"},
]}
textarea={{
name: "mensaje",
placeholder: "Tu Mensaje",
rows: 4,
name: "mensaje", placeholder: "Tu Mensaje", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/glass-steel-structure_1127-2025.jpg"
@@ -458,49 +282,31 @@ export default function LandingPage() {
{
items: [
{
label: "Inicio",
href: "#inicio",
},
label: "Inicio", href: "#inicio"},
{
label: "Nosotros",
href: "#nosotros",
},
label: "Nosotros", href: "#nosotros"},
{
label: "Servicios",
href: "#servicios",
},
label: "Servicios", href: "#servicios"},
],
},
{
items: [
{
label: "Equipo",
href: "#equipo",
},
label: "Equipo", href: "#equipo"},
{
label: "Testimonios",
href: "#testimonios",
},
label: "Testimonios", href: "#testimonios"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
items: [
{
label: "Contacto",
href: "#contacto",
},
label: "Contacto", href: "#contacto"},
{
label: "Política de Privacidad",
href: "#",
},
label: "Política de Privacidad", href: "#"},
{
label: "Términos y Condiciones",
href: "#",
},
label: "Términos y Condiciones", href: "#"},
],
},
]}