Compare commits
11 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| d2f29f96cd | |||
| 1a9feebc97 | |||
| c14589674e | |||
| 955629c9ae | |||
| 235dd4b509 | |||
| 3a312ff304 | |||
| ba4e6c0c11 | |||
| dce80fde25 | |||
| 9111df59b5 | |||
| cc8fa9752f | |||
|
5d4a0912cd |
@@ -1,19 +1,19 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
|
||||
@import "tailwindcss";
|
||||
@import "./styles/masks.css";
|
||||
@import "./styles/animations.css";
|
||||
|
||||
:root {
|
||||
/* @colorThemes/lightTheme/grayNavyBlue */
|
||||
--background: #0a0a0a;
|
||||
--card: #171010;
|
||||
--foreground: #fdf8f4;
|
||||
--primary-cta: #c5a059;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #5a0a0a;
|
||||
--secondary-cta-text: #fdf8f4;
|
||||
--accent: #c5a059;
|
||||
--background-accent: #2a0a0a;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #511f1f;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #8f3838;
|
||||
--background-accent: #c9725c;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 1rem;
|
||||
@@ -88,7 +88,7 @@
|
||||
--color-background-accent: var(--background-accent);
|
||||
|
||||
/* Fonts */
|
||||
--font-sans: 'Open Sans', sans-serif;
|
||||
--font-sans: 'Raleway', sans-serif;
|
||||
--font-tight: "Inter Tight", sans-serif;
|
||||
--font-mono: monospace;
|
||||
|
||||
@@ -137,7 +137,7 @@ body {
|
||||
margin: 0;
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -150,7 +150,7 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
/* Default card/button styles. Template theme.css imports come after this file
|
||||
|
||||
@@ -1,297 +1,39 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import ProductosSection from './HomePage/sections/Productos';
|
||||
import MetricasSection from './HomePage/sections/Metricas';
|
||||
import TestimoniosSection from './HomePage/sections/Testimonios';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactoSection from './HomePage/sections/Contacto';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="VHAELOR GROUP"
|
||||
description="Estrategia que transforma empresas. Combinamos análisis profundo y ejecución ágil para llevar tu organización al siguiente nivel. Consultoría integral diseñada para líderes que no aceptan mediocridad."
|
||||
primaryButton={{
|
||||
text: "Conversemos ahora",
|
||||
href: "https://wa.me/5492664371176",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ver servicios",
|
||||
href: "#productos",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Socios Estratégicos"
|
||||
description="Acompañamos a líderes en transformación digital."
|
||||
names={[
|
||||
"Alpha Corp",
|
||||
"Beta Solutions",
|
||||
"Gamma Tech",
|
||||
"Delta Strategy",
|
||||
"Epsilon Systems",
|
||||
"Zeta Growth",
|
||||
"Theta Consulting",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<SocialProofSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Proceso"
|
||||
title="Metodología de Impacto"
|
||||
description="Nuestros tres pilares para asegurar el ROI empresarial."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Diagnóstico Profundo",
|
||||
subtitle: "Análisis 360",
|
||||
description: "Entendemos la realidad de tu organización mediante analítica de datos y entrevistas clave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Diseño Estratégico",
|
||||
subtitle: "Hoja de ruta",
|
||||
description: "Creamos estrategias a medida enfocadas en resultados operativos inmediatos y sostenibles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-collaborating-meeting_23-2148826947.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Ejecución Ágil",
|
||||
subtitle: "Resultados tangibles",
|
||||
description: "Implementación asistida para asegurar que los cambios se adopten en cada nivel de tu empresa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571101.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="productos" data-section="productos">
|
||||
<SectionErrorBoundary name="productos">
|
||||
<FeaturesImageBento
|
||||
tag="Soluciones"
|
||||
title="Nuestra Consultoría"
|
||||
description="Servicios diseñados para el mercado actual."
|
||||
items={[
|
||||
{
|
||||
title: "Estrategia de Negocios",
|
||||
description: "Liderazgo y visión.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-businesspeople-talking-about-meeting_1098-2599.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optimización Operativa",
|
||||
description: "Eficiencia de procesos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-performance-self-improvement-ratings-icon_53876-122739.jpg",
|
||||
},
|
||||
{
|
||||
title: "Transformación Digital",
|
||||
description: "Innovación tecnológica.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x83pao",
|
||||
},
|
||||
{
|
||||
title: "Cultura Organizacional",
|
||||
description: "Gestión del cambio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950167.jpg",
|
||||
},
|
||||
{
|
||||
title: "Desarrollo de Producto",
|
||||
description: "Time to market reducido.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-shopping-packets_23-2147948109.jpg",
|
||||
},
|
||||
{
|
||||
title: "Análisis de Datos",
|
||||
description: "Inteligencia de negocios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-office-berating-worker-hitting-performance-targets_482257-126645.jpg",
|
||||
},
|
||||
{
|
||||
title: "Compliance Legal",
|
||||
description: "Seguridad jurídica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362545.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProductosSection />
|
||||
|
||||
<div id="metricas" data-section="metricas">
|
||||
<SectionErrorBoundary name="metricas">
|
||||
<MetricsSimpleCards
|
||||
tag="Impacto"
|
||||
title="Resultados Cuantificables"
|
||||
description="Nuestros números respaldan nuestro compromiso."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
description: "Empresas transformadas",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
description: "Aumento medio en eficiencia",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
description: "Años de experiencia global",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricasSection />
|
||||
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<SectionErrorBoundary name="testimonios">
|
||||
<TestimonialOverlayCards
|
||||
tag="Opiniones"
|
||||
title="Lo que dicen los líderes"
|
||||
description="Historias de éxito que avalan nuestro trabajo."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana García",
|
||||
role: "CEO",
|
||||
company: "TechVision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office-using-phone_1303-21362.jpg",
|
||||
},
|
||||
{
|
||||
name: "Roberto Ruiz",
|
||||
role: "CFO",
|
||||
company: "Global Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Soto",
|
||||
role: "COO",
|
||||
company: "Innovación S.A.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos Muro",
|
||||
role: "Director",
|
||||
company: "Logística X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
|
||||
},
|
||||
{
|
||||
name: "Laura Paz",
|
||||
role: "HR Manager",
|
||||
company: "Fintech Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-10329.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimoniosSection />
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Engagement"
|
||||
title="Modelos de Trabajo"
|
||||
description="Adaptamos nuestra estructura a tus necesidades reales."
|
||||
plans={[
|
||||
{
|
||||
tag: "Base",
|
||||
price: "Consulta",
|
||||
description: "Análisis diagnóstico inicial.",
|
||||
primaryButton: {
|
||||
text: "Contactar",
|
||||
href: "https://wa.me/5492664371176",
|
||||
},
|
||||
features: [
|
||||
"Diagnóstico",
|
||||
"Reporte",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Proyecto",
|
||||
price: "Variable",
|
||||
description: "Consultoría estratégica por proyecto.",
|
||||
primaryButton: {
|
||||
text: "Contactar",
|
||||
href: "https://wa.me/5492664371176",
|
||||
},
|
||||
features: [
|
||||
"Metodología",
|
||||
"Ejecución",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Socio",
|
||||
price: "Continuo",
|
||||
description: "Acompañamiento directivo a largo plazo.",
|
||||
primaryButton: {
|
||||
text: "Contactar",
|
||||
href: "https://wa.me/5492664371176",
|
||||
},
|
||||
features: [
|
||||
"Reuniones mensuales",
|
||||
"Apoyo estratégico",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PricingSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Dudas"
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de empezar."
|
||||
categories={[
|
||||
{
|
||||
name: "Consultoría",
|
||||
items: [
|
||||
{
|
||||
question: "¿Trabajan con empresas medianas?",
|
||||
answer: "Sí, nos especializamos en empresas de 20 a 200 empleados.",
|
||||
},
|
||||
{
|
||||
question: "¿Ofrecen soporte remoto?",
|
||||
answer: "Sí, operamos con equipos ágiles globalmente.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<SectionErrorBoundary name="contacto">
|
||||
<ContactCta
|
||||
tag="Contacto"
|
||||
text="Tu transformación comienza con una conversación. Hablemos de los objetivos de tu empresa hoy mismo."
|
||||
primaryButton={{
|
||||
text: "Escríbenos por WhatsApp",
|
||||
href: "https://wa.me/5492664371176",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Enviar email",
|
||||
href: "mailto:info@vhaelorgroup.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactoSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
27
src/pages/HomePage/sections/Contacto.tsx
Normal file
27
src/pages/HomePage/sections/Contacto.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contacto" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactoSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contacto" data-section="contacto">
|
||||
<SectionErrorBoundary name="contacto">
|
||||
<ContactCta
|
||||
tag="Contacto"
|
||||
text="Tu transformación comienza con una conversación. Hablemos de los objetivos de tu empresa hoy mismo."
|
||||
primaryButton={{
|
||||
text: "Escríbenos por WhatsApp",
|
||||
href: "https://wa.me/5492664371176",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Enviar email",
|
||||
href: "mailto:info@vhaelorgroup.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Faq.tsx
Normal file
35
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Dudas"
|
||||
title="Preguntas frecuentes"
|
||||
description="Todo lo que necesitas saber antes de empezar."
|
||||
categories={[
|
||||
{
|
||||
name: "Consultoría",
|
||||
items: [
|
||||
{
|
||||
question: "¿Trabajan con empresas medianas?",
|
||||
answer: "Sí, nos especializamos en empresas de 20 a 200 empleados.",
|
||||
},
|
||||
{
|
||||
question: "¿Ofrecen soporte remoto?",
|
||||
answer: "Sí, operamos con equipos ágiles globalmente.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Features.tsx
Normal file
43
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Proceso"
|
||||
title="Metodología de Impacto"
|
||||
description="Nuestros tres pilares para asegurar el ROI empresarial."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Diagnóstico Profundo",
|
||||
subtitle: "Análisis 360",
|
||||
description: "Entendemos la realidad de tu organización mediante analítica de datos y entrevistas clave.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Diseño Estratégico",
|
||||
subtitle: "Hoja de ruta",
|
||||
description: "Creamos estrategias a medida enfocadas en resultados operativos inmediatos y sostenibles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-collaborating-meeting_23-2148826947.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Ejecución Ágil",
|
||||
subtitle: "Resultados tangibles",
|
||||
description: "Implementación asistida para asegurar que los cambios se adopten en cada nivel de tu empresa.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571101.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
28
src/pages/HomePage/sections/Hero.tsx
Normal file
28
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardBrand
|
||||
brand="VHAELOR GROUP"
|
||||
description="Estrategia que transforma empresas. Combinamos análisis profundo y ejecución ágil para llevar tu organización al siguiente nivel. Consultoría integral diseñada para líderes que no aceptan mediocridad."
|
||||
primaryButton={{
|
||||
text: "Conversemos ahora",
|
||||
href: "https://wa.me/5492664371176",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Ver servicios",
|
||||
href: "#productos",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
34
src/pages/HomePage/sections/Metricas.tsx
Normal file
34
src/pages/HomePage/sections/Metricas.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metricas" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricasSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metricas" data-section="metricas">
|
||||
<SectionErrorBoundary name="metricas">
|
||||
<MetricsSimpleCards
|
||||
tag="Impacto"
|
||||
title="Resultados Cuantificables"
|
||||
description="Nuestros números respaldan nuestro compromiso."
|
||||
metrics={[
|
||||
{
|
||||
value: "150+",
|
||||
description: "Empresas transformadas",
|
||||
},
|
||||
{
|
||||
value: "40%",
|
||||
description: "Aumento medio en eficiencia",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
description: "Años de experiencia global",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
61
src/pages/HomePage/sections/Pricing.tsx
Normal file
61
src/pages/HomePage/sections/Pricing.tsx
Normal file
@@ -0,0 +1,61 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "pricing" section.
|
||||
|
||||
import React from 'react';
|
||||
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PricingSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Engagement"
|
||||
title="Modelos de Trabajo"
|
||||
description="Adaptamos nuestra estructura a tus necesidades reales."
|
||||
plans={[
|
||||
{
|
||||
tag: "Base",
|
||||
price: "Consulta",
|
||||
description: "Análisis diagnóstico inicial.",
|
||||
primaryButton: {
|
||||
text: "Contactar",
|
||||
href: "https://wa.me/5492664371176",
|
||||
},
|
||||
features: [
|
||||
"Diagnóstico",
|
||||
"Reporte",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Proyecto",
|
||||
price: "Variable",
|
||||
description: "Consultoría estratégica por proyecto.",
|
||||
primaryButton: {
|
||||
text: "Contactar",
|
||||
href: "https://wa.me/5492664371176",
|
||||
},
|
||||
features: [
|
||||
"Metodología",
|
||||
"Ejecución",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Socio",
|
||||
price: "Continuo",
|
||||
description: "Acompañamiento directivo a largo plazo.",
|
||||
primaryButton: {
|
||||
text: "Contactar",
|
||||
href: "https://wa.me/5492664371176",
|
||||
},
|
||||
features: [
|
||||
"Reuniones mensuales",
|
||||
"Apoyo estratégico",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Productos.tsx
Normal file
57
src/pages/HomePage/sections/Productos.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "productos" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProductosSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="productos" data-section="productos">
|
||||
<SectionErrorBoundary name="productos">
|
||||
<FeaturesImageBento
|
||||
tag="Soluciones"
|
||||
title="Nuestra Consultoría"
|
||||
description="Servicios diseñados para el mercado actual."
|
||||
items={[
|
||||
{
|
||||
title: "Estrategia de Negocios",
|
||||
description: "Liderazgo y visión.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-businesspeople-talking-about-meeting_1098-2599.jpg",
|
||||
},
|
||||
{
|
||||
title: "Optimización Operativa",
|
||||
description: "Eficiencia de procesos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/development-performance-self-improvement-ratings-icon_53876-122739.jpg",
|
||||
},
|
||||
{
|
||||
title: "Transformación Digital",
|
||||
description: "Innovación tecnológica.",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x83pao",
|
||||
},
|
||||
{
|
||||
title: "Cultura Organizacional",
|
||||
description: "Gestión del cambio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950167.jpg",
|
||||
},
|
||||
{
|
||||
title: "Desarrollo de Producto",
|
||||
description: "Time to market reducido.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-shopping-packets_23-2147948109.jpg",
|
||||
},
|
||||
{
|
||||
title: "Análisis de Datos",
|
||||
description: "Inteligencia de negocios.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-office-berating-worker-hitting-performance-targets_482257-126645.jpg",
|
||||
},
|
||||
{
|
||||
title: "Compliance Legal",
|
||||
description: "Seguridad jurídica.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362545.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/SocialProof.tsx
Normal file
29
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Trusted By"
|
||||
title="Socios Estratégicos"
|
||||
description="Acompañamos a líderes en transformación digital."
|
||||
names={[
|
||||
"Alpha Corp",
|
||||
"Beta Solutions",
|
||||
"Gamma Tech",
|
||||
"Delta Strategy",
|
||||
"Epsilon Systems",
|
||||
"Zeta Growth",
|
||||
"Theta Consulting",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonios.tsx
Normal file
57
src/pages/HomePage/sections/Testimonios.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonios" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimoniosSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonios" data-section="testimonios">
|
||||
<SectionErrorBoundary name="testimonios">
|
||||
<TestimonialOverlayCards
|
||||
tag="Opiniones"
|
||||
title="Lo que dicen los líderes"
|
||||
description="Historias de éxito que avalan nuestro trabajo."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana García",
|
||||
role: "CEO",
|
||||
company: "TechVision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office-using-phone_1303-21362.jpg",
|
||||
},
|
||||
{
|
||||
name: "Roberto Ruiz",
|
||||
role: "CFO",
|
||||
company: "Global Trade",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Soto",
|
||||
role: "COO",
|
||||
company: "Innovación S.A.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
|
||||
},
|
||||
{
|
||||
name: "Carlos Muro",
|
||||
role: "Director",
|
||||
company: "Logística X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
|
||||
},
|
||||
{
|
||||
name: "Laura Paz",
|
||||
role: "HR Manager",
|
||||
company: "Fintech Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-10329.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user