181 lines
8.8 KiB
TypeScript
181 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Clock, TrendingDown, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="fluid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Sobre", id: "about" },
|
|
{ name: "Servicios", id: "features" },
|
|
{ name: "Resultados", id: "metrics" },
|
|
{ name: "Contacto", id: "contact" },
|
|
]}
|
|
brandName="IntelliGenius"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="IntelliGenius AI"
|
|
description="Transformamos tu negocio con Inteligencia Artificial. Automatiza procesos, escala ingresos y ahorra tiempo valioso con nuestro expertise en IA a medida."
|
|
buttons={[
|
|
{ text: "Agenda una Demo", href: "#contact" },
|
|
{ text: "Nuestros Servicios", href: "#features" },
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg", imageAlt: "AI Dashboard" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-network-connections-low-poly-plexus-design_1048-11867.jpg", imageAlt: "Neural Network" },
|
|
{ imageSrc: "http://img.b2bpic.net/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2390.jpg", imageAlt: "Holographic Interface" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg", imageAlt: "Data Flow" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/rpa-concept-with-geometric-shapes-bright-light_23-2149311908.jpg", imageAlt: "Processing" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/dashboard-admin-panel-template-with-flat-design_23-2147868153.jpg", imageAlt: "Metrics" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{ type: "text", content: "Expertos en Inteligencia Artificial" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-fantasy-scene_23-2151128041.jpg", alt: "AI Processor" },
|
|
{ type: "text", content: "para tu crecimiento." },
|
|
]}
|
|
buttons={[{ text: "Conócenos más" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Automatización Inteligente", description: "Reduce tareas manuales y ahorra miles de horas al año.", imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg", imageAlt: "Automation" },
|
|
{ title: "Optimización de Costos", description: "Analizamos tus gastos para ahorrar dinero mediante modelos predictivos.", imageSrc: "http://img.b2bpic.net/free-photo/blue-piggy-bank-money-box_93675-132243.jpg", imageAlt: "Finance" },
|
|
{ title: "Captación de Leads", description: "Atrae clientes potenciales de mayor calidad con IA avanzada.", imageSrc: "http://img.b2bpic.net/free-photo/people-with-lightbulb-icon_53876-13664.jpg", imageAlt: "Leads" },
|
|
]}
|
|
title="Nuestras Soluciones IA"
|
|
description="Optimizamos tu empresa para que seas más eficiente y rentable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", value: "75%", title: "Ahorro de Tiempo", description: "Procesos automatizados", icon: Clock },
|
|
{ id: "m2", value: "40%", title: "Menos Gastos", description: "Optimización financiera", icon: TrendingDown },
|
|
{ id: "m3", value: "2x", title: "Más Clientes", description: "Leads potenciales calificados", icon: Users },
|
|
]}
|
|
title="Resultados Comprobables"
|
|
description="Nuestros datos hablan por nosotros."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", title: "¡Increíble!", quote: "Nos ahorraron meses de trabajo manual en una sola semana.", name: "Juan Perez", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg" },
|
|
{ id: "t2", title: "Muy eficaz", quote: "La IA que implementaron transformó nuestras finanzas totalmente.", name: "Maria Lopez", role: "Directora", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
|
|
{ id: "t3", title: "Excelente servicio", quote: "Captar clientes nunca fue tan sencillo ni tan rápido.", name: "Carlos Gomez", role: "Emprendedor", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
|
{ id: "t4", title: "Recomendados", quote: "Expertos absolutos, el retorno de inversión fue inmediato.", name: "Ana Sanchez", role: "Gerente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg" },
|
|
{ id: "t5", title: "Gran impacto", quote: "El sistema es intuitivo y extremadamente potente.", name: "Luis Martinez", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/professional-inspector-suit-reviewing-solar-panel-production-showcasing-leadership-renewable_482257-135429.jpg" },
|
|
]}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="Historias de éxito reales gracias a la IA."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave", "FutureLogic", "DataDynamics"]}
|
|
title="Empresas que confían en nosotros"
|
|
description="Colaboramos con marcas líderes en su sector."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "¿La IA es segura para mis datos?", content: "Sí, implementamos protocolos de seguridad de grado bancario." },
|
|
{ id: "q2", title: "¿Qué tan rápido veré resultados?", content: "Muchos clientes ven mejoras en el primer mes de implementación." },
|
|
{ id: "q3", title: "¿Necesito saber de tecnología?", content: "No, nosotros nos encargamos de toda la complejidad técnica." },
|
|
]}
|
|
title="Preguntas Frecuentes"
|
|
description="Todo lo que necesitas saber."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{ variant: "animated-grid" }}
|
|
text="Comienza tu transformación digital hoy. Agenda una consulta gratuita sin compromiso con nuestros expertos."
|
|
buttons={[{ text: "Contactar ahora" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{ label: "Automatización", href: "#features" },
|
|
{ label: "Optimización", href: "#features" },
|
|
{ label: "Leads", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
title: "Empresa", items: [
|
|
{ label: "Sobre nosotros", href: "#about" },
|
|
{ label: "Contacto", href: "#contact" },
|
|
],
|
|
},
|
|
]}
|
|
logoText="IntelliGenius"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |