Merge version_1 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -33,73 +33,42 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Servicios", id: "#features"},
|
||||
{
|
||||
name: "Acerca de",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Acerca de", id: "#about"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EafancnsG8n4RGwKaoaZ4XR4oh/uploaded-1781008741776-em3r2ey8.png"
|
||||
logoAlt="Divi Tech Logo"
|
||||
brandName="Divi Tech"
|
||||
button={{
|
||||
text: "Empezar Proyecto",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Empezar Proyecto", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Divi Tech: Innovación en Web, Automatización e IA"
|
||||
description="Transformamos tu visión en realidad digital con soluciones a medida que impulsan el crecimiento y la eficiencia. Descubre cómo la tecnología puede potenciar tu negocio."
|
||||
tag="Tu Socio Tecnológico"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explorar Servicios",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explorar Servicios", href: "#features"},
|
||||
{
|
||||
text: "Contactar Ahora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contactar Ahora", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-futuristic-modern-network-communications-design_1048-12969.jpg",
|
||||
imageAlt: "Gráfico abstracto de desarrollo web",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-futuristic-modern-network-communications-design_1048-12969.jpg", imageAlt: "Gráfico abstracto de desarrollo web"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-virtual-reality-gadget-neural-network-system_482257-126216.jpg",
|
||||
imageAlt: "Visualización de automatización de IA",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-low-poly-plexus-design_1048-13423.jpg",
|
||||
imageAlt: "3D render of a modern background with low poly plexus design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-explaining-marketing-plans-female-coworker_1163-4101.jpg",
|
||||
imageAlt: "Male worker explaining marketing plans to female coworker",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-attack-with-unrecognizable-hooded-hacker-using-virtual-reality-digital-glitch-effect_146671-18955.jpg",
|
||||
imageAlt: "Cyber attack with unrecognizable hooded hacker using virtual reality, digital glitch effect.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-uses-virtual-reality-gadget-neural-network-system_482257-126216.jpg", imageAlt: "Visualización de automatización de IA"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -115,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Desarrollo Web",
|
||||
description: "Creamos sitios web modernos, responsivos y de alto rendimiento que cautivan a tu audiencia y convierten visitantes en clientes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104502.jpg",
|
||||
imageAlt: "Diseño web moderno",
|
||||
},
|
||||
title: "Desarrollo Web", description: "Creamos sitios web modernos, responsivos y de alto rendimiento que cautivan a tu audiencia y convierten visitantes en clientes.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104502.jpg", imageAlt: "Diseño web moderno"},
|
||||
{
|
||||
title: "Automatización Inteligente",
|
||||
description: "Implementamos sistemas de automatización para optimizar procesos, reducir costos y mejorar la eficiencia operativa de tu negocio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/polygonal-wireframe-business-strategy-composition-with-shimmering-images-gear-icons-with-shining-particles-text_1284-32263.jpg",
|
||||
imageAlt: "Flujo de trabajo de automatización",
|
||||
},
|
||||
title: "Automatización Inteligente", description: "Implementamos sistemas de automatización para optimizar procesos, reducir costos y mejorar la eficiencia operativa de tu negocio.", imageSrc: "http://img.b2bpic.net/free-vector/polygonal-wireframe-business-strategy-composition-with-shimmering-images-gear-icons-with-shining-particles-text_1284-32263.jpg", imageAlt: "Flujo de trabajo de automatización"},
|
||||
{
|
||||
title: "Inteligencia Artificial (IA)",
|
||||
description: "Integramos soluciones de IA personalizadas para análisis de datos, aprendizaje automático y experiencias de usuario avanzadas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
imageAlt: "Ilustración de inteligencia artificial",
|
||||
},
|
||||
title: "Inteligencia Artificial (IA)", description: "Integramos soluciones de IA personalizadas para análisis de datos, aprendizaje automático y experiencias de usuario avanzadas.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg", imageAlt: "Ilustración de inteligencia artificial"},
|
||||
]}
|
||||
title="Nuestros Servicios Clave"
|
||||
description="Ofrecemos soluciones integrales diseñadas para la era digital, cubriendo tus necesidades desde el desarrollo hasta la inteligencia artificial."
|
||||
@@ -147,19 +104,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Code,
|
||||
label: "Proyectos Completados",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Proyectos Completados", value: "150+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Clientes Satisfechos",
|
||||
value: "75+",
|
||||
},
|
||||
label: "Clientes Satisfechos", value: "75+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Años de Innovación",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Años de Innovación", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -173,25 +124,13 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Mejora en Eficiencia Operativa",
|
||||
},
|
||||
id: "m1", value: "95%", description: "Mejora en Eficiencia Operativa"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2X",
|
||||
description: "Aumento de Conversiones Web",
|
||||
},
|
||||
id: "m2", value: "2X", description: "Aumento de Conversiones Web"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "30%",
|
||||
description: "Reducción de Costos con Automatización",
|
||||
},
|
||||
id: "m3", value: "30%", description: "Reducción de Costos con Automatización"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Satisfacción Garantizada",
|
||||
},
|
||||
id: "m4", value: "100%", description: "Satisfacción Garantizada"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -202,14 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Global Innovations",
|
||||
"Future Systems",
|
||||
"Data Nexus",
|
||||
"Alpha Solutions",
|
||||
"Innovate Corp",
|
||||
"Cybernetic Labs",
|
||||
"Digital Ascent",
|
||||
]}
|
||||
"Global Innovations", "Future Systems", "Data Nexus", "Alpha Solutions", "Innovate Corp", "Cybernetic Labs", "Digital Ascent"]}
|
||||
title="Confían en Nosotros"
|
||||
description="Hemos colaborado con diversas empresas, ayudándolas a alcanzar sus objetivos digitales con nuestras soluciones tecnológicas."
|
||||
/>
|
||||
@@ -221,59 +153,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Excelente Desarrollo Web",
|
||||
quote: "Divi Tech superó nuestras expectativas con un sitio web impresionante y funcional. Su equipo es muy profesional.",
|
||||
name: "Laura G.",
|
||||
role: "CEO, InnovaDigital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
|
||||
imageAlt: "Avatar de Laura G.",
|
||||
},
|
||||
id: "t1", title: "Excelente Desarrollo Web", quote: "Divi Tech superó nuestras expectativas con un sitio web impresionante y funcional. Su equipo es muy profesional.", name: "Laura G.", role: "CEO, InnovaDigital", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", imageAlt: "Avatar de Laura G."},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Automatización de Clase Mundial",
|
||||
quote: "Gracias a Divi Tech, nuestros procesos ahora son más eficientes. Recomiendo encarecidamente sus servicios de automatización.",
|
||||
name: "Roberto M.",
|
||||
role: "CTO, OptiSoluciones",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
imageAlt: "Avatar de Roberto M.",
|
||||
},
|
||||
id: "t2", title: "Automatización de Clase Mundial", quote: "Gracias a Divi Tech, nuestros procesos ahora son más eficientes. Recomiendo encarecidamente sus servicios de automatización.", name: "Roberto M.", role: "CTO, OptiSoluciones", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Avatar de Roberto M."},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Innovación en IA",
|
||||
quote: "La implementación de IA por Divi Tech transformó nuestra capacidad de análisis de datos. Son verdaderos expertos.",
|
||||
name: "Ana P.",
|
||||
role: "Directora de Marketing, VisionAI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg",
|
||||
imageAlt: "Avatar de Ana P.",
|
||||
},
|
||||
id: "t3", title: "Innovación en IA", quote: "La implementación de IA por Divi Tech transformó nuestra capacidad de análisis de datos. Son verdaderos expertos.", name: "Ana P.", role: "Directora de Marketing, VisionAI", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864918.jpg", imageAlt: "Avatar de Ana P."},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Soporte Excepcional",
|
||||
quote: "Su soporte técnico es rápido y efectivo. Siempre están dispuestos a ayudar y resolver cualquier problema.",
|
||||
name: "Carlos S.",
|
||||
role: "Gerente de Proyectos, TecnoAvance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864887.jpg",
|
||||
imageAlt: "Avatar de Carlos S.",
|
||||
},
|
||||
id: "t4", title: "Soporte Excepcional", quote: "Su soporte técnico es rápido y efectivo. Siempre están dispuestos a ayudar y resolver cualquier problema.", name: "Carlos S.", role: "Gerente de Proyectos, TecnoAvance", imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864887.jpg", imageAlt: "Avatar de Carlos S."},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Resultados Tangibles",
|
||||
quote: "Hemos visto un impacto real en nuestro negocio desde que trabajamos con Divi Tech. Son socios estratégicos.",
|
||||
name: "Sofía R.",
|
||||
role: "Fundadora, CreceOnline",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg",
|
||||
imageAlt: "Avatar de Sofía R.",
|
||||
},
|
||||
id: "t5", title: "Resultados Tangibles", quote: "Hemos visto un impacto real en nuestro negocio desde que trabajamos con Divi Tech. Son socios estratégicos.", name: "Sofía R.", role: "Fundadora, CreceOnline", imageSrc: "http://img.b2bpic.net/free-photo/influencer-studio-films-wireless-speaker-video-review-tech-enthusiasts_482257-123068.jpg", imageAlt: "Avatar de Sofía R."},
|
||||
{
|
||||
id: "t6",
|
||||
title: "Entrega a Tiempo y con Calidad",
|
||||
quote: "Siempre cumplen con los plazos y la calidad de su trabajo es impecable. Un placer trabajar con ellos.",
|
||||
name: "Diego F.",
|
||||
role: "Líder de Desarrollo, NexusCorp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197889.jpg",
|
||||
imageAlt: "Avatar de Diego F.",
|
||||
},
|
||||
id: "t6", title: "Entrega a Tiempo y con Calidad", quote: "Siempre cumplen con los plazos y la calidad de su trabajo es impecable. Un placer trabajar con ellos.", name: "Diego F.", role: "Líder de Desarrollo, NexusCorp", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197889.jpg", imageAlt: "Avatar de Diego F."},
|
||||
]}
|
||||
title="Lo que Dicen Nuestros Clientes"
|
||||
description="La satisfacción de nuestros clientes es nuestro mayor aval. Escucha sus experiencias y descubre el valor que aportamos."
|
||||
@@ -286,25 +176,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "¿Qué tipo de proyectos web desarrollan?",
|
||||
content: "Desarrollamos una amplia gama de proyectos, desde sitios web corporativos y e-commerce hasta plataformas personalizadas y aplicaciones web complejas.",
|
||||
},
|
||||
id: "faq1", title: "¿Qué tipo de proyectos web desarrollan?", content: "Desarrollamos una amplia gama de proyectos, desde sitios web corporativos y e-commerce hasta plataformas personalizadas y aplicaciones web complejas."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "¿Cómo funciona el proceso de automatización?",
|
||||
content: "Analizamos tus flujos de trabajo actuales, identificamos áreas de mejora y diseñamos soluciones de automatización a medida utilizando las últimas tecnologías.",
|
||||
},
|
||||
id: "faq2", title: "¿Cómo funciona el proceso de automatización?", content: "Analizamos tus flujos de trabajo actuales, identificamos áreas de mejora y diseñamos soluciones de automatización a medida utilizando las últimas tecnologías."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "¿Ofrecen consultoría de IA?",
|
||||
content: "Sí, proporcionamos servicios de consultoría de IA para ayudarte a identificar oportunidades, diseñar estrategias e integrar soluciones de inteligencia artificial en tu negocio.",
|
||||
},
|
||||
id: "faq3", title: "¿Ofrecen consultoría de IA?", content: "Sí, proporcionamos servicios de consultoría de IA para ayudarte a identificar oportunidades, diseñar estrategias e integrar soluciones de inteligencia artificial en tu negocio."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "¿Cuál es su enfoque de soporte post-lanzamiento?",
|
||||
content: "Ofrecemos soporte continuo, mantenimiento y actualizaciones para garantizar que tus soluciones tecnológicas funcionen de manera óptima y se adapten a tus necesidades cambiantes.",
|
||||
},
|
||||
id: "faq4", title: "¿Cuál es su enfoque de soporte post-lanzamiento?", content: "Ofrecemos soporte continuo, mantenimiento y actualizaciones para garantizar que tus soluciones tecnológicas funcionen de manera óptima y se adapten a tus necesidades cambiantes."},
|
||||
]}
|
||||
title="¿Preguntas Frecuentes?"
|
||||
description="Encuentra respuestas a las dudas más comunes sobre nuestros servicios."
|
||||
@@ -316,21 +194,16 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Conéctate"
|
||||
tagAnimation="slide-up"
|
||||
title="Transforma Tu Visión en Realidad"
|
||||
description="Listo para llevar tu negocio al siguiente nivel? Contáctanos hoy y descubre cómo podemos ayudarte."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enviar Mensaje",
|
||||
href: "mailto:info@divitech.com",
|
||||
},
|
||||
text: "Enviar Mensaje", href: "mailto:info@divitech.com"},
|
||||
{
|
||||
text: "Llamar Ahora",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Llamar Ahora", href: "tel:+1234567890"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -343,50 +216,31 @@ export default function LandingPage() {
|
||||
logoText="Divi Tech"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios",
|
||||
items: [
|
||||
title: "Servicios", items: [
|
||||
{
|
||||
label: "Desarrollo Web",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Desarrollo Web", href: "#features"},
|
||||
{
|
||||
label: "Automatización",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Automatización", href: "#features"},
|
||||
{
|
||||
label: "Inteligencia Artificial",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Inteligencia Artificial", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Acerca de Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Acerca de Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Testimonios",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonios", href: "#testimonials"},
|
||||
{
|
||||
label: "Preguntas Frecuentes",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Preguntas Frecuentes", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "info@divitech.com",
|
||||
href: "mailto:info@divitech.com",
|
||||
},
|
||||
label: "info@divitech.com", href: "mailto:info@divitech.com"},
|
||||
{
|
||||
label: "+1 (234) 567-890",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
label: "+1 (234) 567-890", href: "tel:+1234567890"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user