277 lines
8.6 KiB
TypeScript
277 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Cómo funciona",
|
|
id: "how-it-works",
|
|
},
|
|
{
|
|
name: "Garantía",
|
|
id: "guarantee",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="LeadGen AI"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
logoText="LeadGen AI"
|
|
description="Deja de perseguir clientes. Empieza a llenar tu agenda con reuniones calificadas. Captación de leads con IA mediante personalización masiva que convierte interés en ventas."
|
|
buttons={[
|
|
{
|
|
text: "Reservar llamada estratégica",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=1"
|
|
imageAlt="AI software dashboard"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Cómo funciona ⚙️"
|
|
description="Un proceso sencillo para transformar tu prospección en ventas constantes."
|
|
metrics={[
|
|
{
|
|
value: "1. Identificar",
|
|
title: "Clientes ideales",
|
|
},
|
|
{
|
|
value: "2. IA Escala",
|
|
title: "Personalización",
|
|
},
|
|
{
|
|
value: "3. Agenda",
|
|
title: "Reuniones listas",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/paper-craft-art-magnifying-glass_53876-88563.jpg?_wi=1"
|
|
imageAlt="lead generation icon"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "Precisión",
|
|
title: "Segmentación profunda",
|
|
subtitle: "Datos relevantes",
|
|
description: "Analizamos tu mercado para encontrar el perfil exacto.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/nano-technology-isometric-icons_1284-29867.jpg",
|
|
imageAlt: "AI automation icon",
|
|
},
|
|
{
|
|
tag: "IA",
|
|
title: "Personalización masiva",
|
|
subtitle: "Mensajes únicos",
|
|
description: "Escala sin perder el toque humano que genera confianza.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg?_wi=2",
|
|
imageAlt: "AI automation icon",
|
|
},
|
|
{
|
|
tag: "Cierre",
|
|
title: "Gestión de reuniones",
|
|
subtitle: "Calendario lleno",
|
|
description: "Filtramos leads, cerramos reuniones y optimizamos tu tiempo.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-magnifying-glass_53876-88563.jpg?_wi=2",
|
|
imageAlt: "AI automation icon",
|
|
},
|
|
]}
|
|
title="Potencia tu captación"
|
|
description="Herramientas diseñadas para resultados reales."
|
|
/>
|
|
</div>
|
|
|
|
<div id="guarantee" data-section="guarantee">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "g1",
|
|
value: "0%",
|
|
description: "Riesgo si no cerramos",
|
|
},
|
|
{
|
|
id: "g2",
|
|
value: "100%",
|
|
description: "Calidad en tus leads",
|
|
},
|
|
]}
|
|
title="Garantía sin riesgo 🤝"
|
|
description="Nos alineamos con resultados reales, no con promesas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "¿Cómo garantizan los resultados?",
|
|
content: "Si no conseguimos reuniones calificadas, no pagas.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "¿Qué tipos de empresas ayudan?",
|
|
content: "Principalmente empresas B2B que buscan escalar sus reuniones comerciales.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "¿Cómo empiezo?",
|
|
content: "Agenda una llamada estratégica y definiremos tu perfil de cliente ideal.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-computer-screen-desktop-showing-work-schedule_53876-14084.jpg"
|
|
title="Preguntas frecuentes"
|
|
description="Todo lo que necesitas saber para empezar."
|
|
faqsAnimation="blur-reveal"
|
|
imageAlt="meeting scheduler workspace"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Carlos M.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
|
|
imageAlt: "business person portrait",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Ana G.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
|
imageAlt: "startup founder portrait",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Roberto S.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4143.jpg",
|
|
imageAlt: "confident sales manager",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Lucía P.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/inspiring-new-boss_1098-93.jpg",
|
|
imageAlt: "business consultant portrait",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Diego F.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
|
imageAlt: "software manager headshot",
|
|
},
|
|
]}
|
|
cardTitle="Testimonios"
|
|
cardTag="Resultados reales"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
tag="Reservar llamada"
|
|
title="¿Listo para dejar de buscar clientes?"
|
|
description="Agenda una breve llamada y te muestro cómo podemos llenar tu agenda con oportunidades reales."
|
|
buttonText="Reservar llamada"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399278.jpg"
|
|
logoText="LeadGen AI"
|
|
columns={[
|
|
{
|
|
title: "Empresa",
|
|
items: [
|
|
{
|
|
label: "Sobre Nosotros",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Privacidad",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Servicios",
|
|
items: [
|
|
{
|
|
label: "Prospección IA",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Consultoría",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 | LeadGen AI"
|
|
imageAlt="AI software dashboard"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|