Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e6af37e70c | |||
| b8037cfaec | |||
| 0595bffaba | |||
| cbaa66ce1e | |||
| 81386158ec | |||
| 2373b8e5c7 | |||
| 3ff7499bad | |||
| 526149b802 | |||
| cf5fce4b3b | |||
| b08b720504 | |||
| 99fe28aa37 | |||
| e395718fc1 | |||
| f2f1390697 |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Libre_Baskerville } from "next/font/google";
|
||||
|
||||
@@ -40,7 +39,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
|
||||
{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
|
||||
118
src/app/page.tsx
118
src/app/page.tsx
@@ -10,10 +10,13 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import Input from '@/components/form/Input';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [email, setEmail] = useState('');
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -30,27 +33,25 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
navItems={[]}
|
||||
brandName="axionelAI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="px-6 py-4 flex justify-center bg-background">
|
||||
<div className="w-full max-w-md">
|
||||
<Input value={email} onChange={setEmail} placeholder="Ingresa tu correo" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Architecting the Intelligence of Tomorrow."
|
||||
description="axionelAI transforms raw data into strategic foresight. Powering innovation for the modern enterprise through advanced machine learning models."
|
||||
title="Arquitectando la Inteligencia del Mañana."
|
||||
description="axionelAI transforma datos sin procesar en previsión estratégica. Impulsando la innovación para la empresa moderna mediante modelos avanzados de aprendizaje automático."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-plexus-background-with-connecting-lines-dots_1048-11704.jpg"
|
||||
imageAlt="artificial intelligence data background"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageAlt="fondo de datos de inteligencia artificial"
|
||||
buttons={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,8 +59,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Philosophy" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116550.jpg", alt: "software development studio" },
|
||||
{ type: "text", content: "Nuestra Filosofía" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116550.jpg", alt: "estudio de desarrollo de software" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -70,58 +71,39 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
title="Core Capabilities"
|
||||
description="Deploy scalable, automated intelligence that adapts to your unique operational requirements."
|
||||
title="Capacidades Principales"
|
||||
description="Implemente inteligencia automatizada y escalable que se adapte a sus requisitos operativos únicos."
|
||||
features={[
|
||||
{
|
||||
title: "Predictive Analytics", description: "Anticipate market trends before they materialize.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg" },
|
||||
title: "Análisis Predictivo", description: "Anticípese a las tendencias del mercado antes de que se materialicen.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Automated Workflows", description: "Reduce manual friction with intelligent process orchestration.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg" },
|
||||
title: "Flujos de Trabajo Automatizados", description: "Reduzca la fricción manual con una orquestación inteligente de procesos.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-illustration-human-face-design_460848-8484.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Real-time Processing", description: "In-memory compute engines for immediate decision making.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg" },
|
||||
title: "Procesamiento en Tiempo Real", description: "Motores de computación en memoria para la toma de decisiones inmediata.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Our Solutions"
|
||||
description="Scalable AI engines designed for immediate deployment and massive impact."
|
||||
products={[
|
||||
{ id: "p1", brand: "axionel", name: "Core Engine", price: "$9,999", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg" },
|
||||
{ id: "p2", brand: "axionel", name: "Insight Pro", price: "$14,999", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910245.jpg" },
|
||||
{ id: "p3", brand: "axionel", name: "Automate X", price: "$19,999", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg" },
|
||||
{ id: "p4", brand: "axionel", name: "Predictor AI", price: "$24,999", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8628.jpg" },
|
||||
{ id: "p5", brand: "axionel", name: "Data Stream", price: "$5,999", rating: 5, reviewCount: "305", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-53642.jpg" },
|
||||
{ id: "p6", brand: "axionel", name: "Agent Hub", price: "$29,999", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="By The Numbers"
|
||||
description="Quantifiable value added to global enterprises."
|
||||
title="En Números"
|
||||
description="Valor cuantificable añadido a empresas globales."
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", description: "Model Uptime" },
|
||||
{ id: "m2", value: "15x", description: "Speed Increase" },
|
||||
{ id: "m3", value: "500+", description: "Deployments" },
|
||||
{ id: "m4", value: "24/7", description: "Global Support" },
|
||||
{ id: "m5", value: "12+", description: "Industry Awards" },
|
||||
{ id: "m1", value: "99.9%", description: "Tiempo de actividad del modelo" },
|
||||
{ id: "m2", value: "15x", description: "Aumento de velocidad" },
|
||||
{ id: "m3", value: "500+", description: "Implementaciones" },
|
||||
{ id: "m4", value: "24/7", description: "Soporte global" },
|
||||
{ id: "m5", value: "12+", description: "Premios de la industria" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,15 +111,15 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="AxionelAI fundamentally shifted our development cycle, reducing overhead by nearly 60% within the first quarter."
|
||||
testimonial="AxionelAI cambió fundamentalmente nuestro ciclo de desarrollo, reduciendo los costos operativos en casi un 60% en el primer trimestre."
|
||||
rating={5}
|
||||
author="Mark Richardson, CTO of GlobalLogistics"
|
||||
author="Mark Richardson, CTO de GlobalLogistics"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg", alt: "portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", alt: "portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg", alt: "portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg", alt: "retrato" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", alt: "retrato" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg", alt: "retrato" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "retrato" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "retrato" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -148,19 +130,19 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Find clarity on how our AI works for you."
|
||||
title="Preguntas Frecuentes"
|
||||
description="Obtenga claridad sobre cómo nuestra IA trabaja para usted."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How is my data protected?", content: "We use enterprise-grade encryption for all data processed." },
|
||||
{ id: "f2", title: "Can I integrate your API?", content: "Our API is designed for modular, seamless integration." },
|
||||
{ id: "f3", title: "Do you offer custom builds?", content: "Yes, our team can tailor models to your specific domain." },
|
||||
{ id: "f4", title: "What kind of support is provided?", content: "We offer dedicated account managers and 24/7 technical assistance." },
|
||||
{ id: "f5", title: "Is there a free trial available?", content: "Contact us to discuss custom proof-of-concept deployments." },
|
||||
{ id: "f1", title: "¿Cómo se protege mi información?", content: "Utilizamos cifrado de grado empresarial para todos los datos procesados." },
|
||||
{ id: "f2", title: "¿Puedo integrar su API?", content: "Nuestra API está diseñada para una integración modular y fluida." },
|
||||
{ id: "f3", title: "¿Ofrecen construcciones personalizadas?", content: "Sí, nuestro equipo puede adaptar modelos a su dominio específico." },
|
||||
{ id: "f4", title: "¿Qué tipo de soporte se proporciona?", content: "Ofrecemos gerentes de cuenta dedicados y asistencia técnica 24/7." },
|
||||
{ id: "f5", title: "¿Hay una prueba gratuita disponible?", content: "Contáctenos para discutir implementaciones personalizadas de prueba de concepto." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-tech-expert-uses-vr-glasses-neural-network-ai-brain-system_482257-126332.jpg"
|
||||
imageAlt="High tech expert uses vr glasses"
|
||||
imageAlt="Experto de alta tecnología usa gafas VR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,18 +150,18 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Let's Chat"
|
||||
title="Start your journey"
|
||||
description="Ready to scale? Connect with our engineers."
|
||||
inputPlaceholder="Enter your work email address"
|
||||
tag="Hablemos"
|
||||
title="Comience su viaje"
|
||||
description="¿Listo para escalar? Conecte con nuestros ingenieros."
|
||||
inputPlaceholder="Ingrese su correo electrónico"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="axionelAI"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
leftLink={{ text: "Términos de Servicio", href: "#" }}
|
||||
rightLink={{ text: "Política de Privacidad", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user