146 lines
6.2 KiB
TypeScript
146 lines
6.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import { Camera, Cog, FileText, Palette, Rocket, Video } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "/"},
|
|
{
|
|
name: "Servicios", id: "/servicios"},
|
|
{
|
|
name: "Precios", id: "/precios"},
|
|
{
|
|
name: "Cómo Trabajamos", id: "/como-trabajamos"},
|
|
{
|
|
name: "Portfolio", id: "/portfolio"},
|
|
]}
|
|
button={{
|
|
text: "Hablar por WhatsApp", href: "https://wa.me/59162650814"}}
|
|
logoSrc="http://img.b2bpic.net/free-photo/colorful-abstract-geometric-wallpaper_23-2151898349.jpg"
|
|
logoAlt="Nexo AI Studio Logo"
|
|
brandName="NEXO AI STUDIO"
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios-intro" data-section="servicios-intro">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Nuestras Soluciones de IA"
|
|
description="Descubre cómo la Inteligencia Artificial de Nexo AI Studio puede transformar tu marca con contenido que vende. Ofrecemos una gama completa de servicios innovadores."
|
|
bulletPoints={[
|
|
{
|
|
title: "Innovación Constante", description: "Siempre a la vanguardia de la IA para ofrecerte lo mejor."},
|
|
{
|
|
title: "Calidad Superior", description: "Contenido cinematográfico que supera las expectativas."},
|
|
{
|
|
title: "Personalización Total", description: "Soluciones adaptadas a las necesidades únicas de tu marca."},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-technology-background-network-communications_1048-15476.jpg"
|
|
imageAlt="AI services overview, cinematic dark, blue red accents, abstract digital connections"
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios-detalles" data-section="servicios-detalles">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Vídeos & Anuncios con IA", description: "Spots publicitarios, Reels y Shorts que capturan la atención, generando interacción y conversiones. Desde conceptos innovadores hasta la producción final.", bentoComponent: "reveal-icon", icon: Video
|
|
},
|
|
{
|
|
title: "Personajes & Mascotas 3D", description: "Crea personajes únicos que den vida a tu marca. Ideales para campañas de marketing, identidad de marca y experiencias interactivas.", bentoComponent: "reveal-icon", icon: Cog
|
|
},
|
|
{
|
|
title: "Fotos con IA", description: "Obtén imágenes de estudio de alta calidad, transformaciones creativas y restauración de fotos antiguas, todo con la precisión de la IA.", bentoComponent: "reveal-icon", icon: Camera
|
|
},
|
|
{
|
|
title: "Guion & Storytelling", description: "Desarrollamos narrativas que conectan emocionalmente con tu audiencia, transformando mensajes en historias memorables que venden.", bentoComponent: "reveal-icon", icon: FileText
|
|
},
|
|
{
|
|
title: "Branding & Diseño con IA", description: "Desde logos distintivos hasta identidad visual completa y material gráfico de marketing, todo diseñado para un impacto máximo.", bentoComponent: "reveal-icon", icon: Palette
|
|
},
|
|
{
|
|
title: "Marketing & Automatización", description: "Optimiza tu presencia digital con gestión de contenido inteligente y automatizaciones basadas en IA para resultados medibles.", bentoComponent: "reveal-icon", icon: Rocket
|
|
}
|
|
]}
|
|
title="Servicios Detallados para tu Éxito"
|
|
description="Explora cada una de nuestras especialidades y cómo podemos ayudarte a destacar en el mundo digital."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navegación", items: [
|
|
{
|
|
label: "Inicio", href: "/"},
|
|
{
|
|
label: "Servicios", href: "/servicios"},
|
|
{
|
|
label: "Precios", href: "/precios"},
|
|
{
|
|
label: "Cómo Trabajamos", href: "/como-trabajamos"},
|
|
{
|
|
label: "Portfolio", href: "/portfolio"},
|
|
],
|
|
},
|
|
{
|
|
title: "Compañía", items: [
|
|
{
|
|
label: "Nosotros", href: "/nosotros"},
|
|
{
|
|
label: "Contacto", href: "/contacto"},
|
|
{
|
|
label: "Privacidad", href: "#"},
|
|
{
|
|
label: "Términos", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Recursos", items: [
|
|
{
|
|
label: "Blog", href: "#"},
|
|
{
|
|
label: "Ayuda", href: "#"},
|
|
{
|
|
label: "FAQs", href: "/precios#faqs"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="2024 © Nexo AI Studio. Todos los derechos reservados."
|
|
bottomRightText="Diseñado con ❤️ por Webuild"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|