Merge version_1 into main #2
454
src/app/page.tsx
454
src/app/page.tsx
@@ -28,323 +28,161 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<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",
|
||||
},
|
||||
]}
|
||||
brandName="axionelAI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="axionelAI"
|
||||
/>
|
||||
</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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-plexus-background-with-connecting-lines-dots_1048-11704.jpg?_wi=1"
|
||||
imageAlt="artificial intelligence data background"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<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",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-background-with-connecting-lines-dots_1048-11704.jpg?_wi=2",
|
||||
imageAlt: "data analytics dashboard conceptual",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-office-workspace-designed-job-interviews-achieve-success_482257-116550.jpg",
|
||||
imageAlt: "data analytics dashboard conceptual",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-table-glowing-screen-dark_169016-51519.jpg?_wi=1",
|
||||
imageAlt: "data analytics dashboard conceptual",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Core Capabilities"
|
||||
description="Deploy scalable, automated intelligence that adapts to your unique operational requirements."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
title="Core Capabilities"
|
||||
description="Deploy scalable, automated intelligence that adapts to your unique operational requirements."
|
||||
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" },
|
||||
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" },
|
||||
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" },
|
||||
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}
|
||||
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?_wi=2",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Scalable AI engines designed for immediate deployment and massive impact."
|
||||
/>
|
||||
</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}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quantifiable value added to global enterprises."
|
||||
/>
|
||||
</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."
|
||||
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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<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."
|
||||
rating={5}
|
||||
author="Mark Richardson, CTO of GlobalLogistics"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg",
|
||||
alt: "portrait professional dark background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
alt: "portrait professional dark background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
|
||||
alt: "portrait professional dark background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "portrait professional dark background",
|
||||
},
|
||||
{
|
||||
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 professional dark background",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<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."
|
||||
rating={5}
|
||||
author="Mark Richardson, CTO of 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" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find clarity on how our AI works for you."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
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 next to neural network AI brain system"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Find clarity on how our AI works for you."
|
||||
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." },
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<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"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="axionelAI"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="axionelAI"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user