Merge version_1_1776277789401 into main #1
346
src/App.tsx
346
src/App.tsx
@@ -11,224 +11,146 @@ import { Star, TrendingUp, Zap } from "lucide-react";
|
||||
export default function App() {
|
||||
return (
|
||||
<>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="NexusAI"
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Next-Gen AI Intelligence"
|
||||
title="Scale Your Intelligence with NexusAI"
|
||||
description="Harness the power of adaptive machine learning to automate complex workflows and drive predictive insights across your entire organization."
|
||||
primaryButton={{
|
||||
text: "Deploy Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Documentation",
|
||||
href: "#",
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-futuristic-neural-network-visualizatio-1776277816304-f0526e95.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesStatisticsCards
|
||||
tag="Engineered Performance"
|
||||
title="Unmatched Technical Capabilities"
|
||||
description="Our platform is built to handle massive data throughput with sub-millisecond latency, ensuring your AI agents are always ready."
|
||||
items={[
|
||||
{
|
||||
title: "Neural Integration",
|
||||
description: "Seamlessly connect with existing infrastructure via our robust API suite.",
|
||||
label: "API",
|
||||
value: "99.9%",
|
||||
},
|
||||
{
|
||||
title: "Predictive Analytics",
|
||||
description: "Turn raw data into actionable business intelligence in real-time.",
|
||||
label: "SPEED",
|
||||
value: "<1ms",
|
||||
},
|
||||
{
|
||||
title: "Adaptive Automation",
|
||||
description: "Automate complex logical sequences without manual intervention.",
|
||||
label: "EFFICIENCY",
|
||||
value: "10x",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsGradientCards
|
||||
tag="Data In Motion"
|
||||
title="Performance at Scale"
|
||||
description="Numbers speak louder than promises. See how our clients are transforming their operations."
|
||||
metrics={[
|
||||
{
|
||||
value: "120M+",
|
||||
title: "Operations",
|
||||
description: "Processed monthly",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
value: "450%",
|
||||
title: "Growth",
|
||||
description: "In productivity",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Agents",
|
||||
description: "Deployed worldwide",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialDetailedCards
|
||||
tag="Trusted by Leaders"
|
||||
title="Innovation Driven by Results"
|
||||
description="See why top tech companies choose NexusAI to power their digital transformation."
|
||||
testimonials={[
|
||||
{
|
||||
title: "Game Changer",
|
||||
quote: "NexusAI completely changed our data strategy.",
|
||||
name: "Elena Smith",
|
||||
role: "CTO",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-tech-e-1776277854758-779ab8dd.png",
|
||||
},
|
||||
{
|
||||
title: "Reliable",
|
||||
quote: "The most robust engine we have used.",
|
||||
name: "Marcus Chen",
|
||||
role: "Head of AI",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-male-developer-smart-casua-1776277866661-44534b6f.png",
|
||||
},
|
||||
{
|
||||
title: "Effortless",
|
||||
quote: "Integrated into our stack in under an hour.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Engineering Lead",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-project-manager-dark-backg-1776277876157-b7939e46.png",
|
||||
},
|
||||
{
|
||||
title: "Scalable",
|
||||
quote: "Infinite scalability for our data needs.",
|
||||
name: "David Kim",
|
||||
role: "Data Scientist",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/headshot-of-a-product-architect-dark-amb-1776277885501-2326ec5e.png",
|
||||
},
|
||||
{
|
||||
title: "Efficient",
|
||||
quote: "Saved our team thousands of manual hours.",
|
||||
name: "Jordan P.",
|
||||
role: "Product Architect",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/headshot-of-a-cto-futuristic-vibe-dark-l-1776277898251-3f2c2427.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started."
|
||||
items={[
|
||||
{
|
||||
question: "What is NexusAI?",
|
||||
answer: "A modular, scalable AI automation platform.",
|
||||
},
|
||||
{
|
||||
question: "Is it secure?",
|
||||
answer: "Enterprise-grade security and SOC2 compliance.",
|
||||
},
|
||||
{
|
||||
question: "How do I integrate?",
|
||||
answer: "Simple API integration in minutes.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Start?"
|
||||
title="Get Early Access"
|
||||
description="Join the waitlist for our private beta launch."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Join Waitlist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="NexusAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="NexusAI"
|
||||
navItems={[
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
name: "Features", href: "#features"},
|
||||
{
|
||||
name: "Metrics", href: "#metrics"},
|
||||
{
|
||||
name: "FAQ", href: "#faq"},
|
||||
]}
|
||||
ctaButton={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
tag="Next-Gen AI Intelligence"
|
||||
title="Scale Your Intelligence with NexusAI"
|
||||
description="Harness the power of adaptive machine learning to automate complex workflows and drive predictive insights across your entire organization."
|
||||
primaryButton={{
|
||||
text: "Deploy Now", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Documentation", href: "#"}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/a-futuristic-neural-network-visualizatio-1776277816304-f0526e95.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesStatisticsCards
|
||||
tag="Engineered Performance"
|
||||
title="Unmatched Technical Capabilities"
|
||||
description="Our platform is built to handle massive data throughput with sub-millisecond latency, ensuring your AI agents are always ready."
|
||||
items={[
|
||||
{
|
||||
title: "Neural Integration", description: "Seamlessly connect with existing infrastructure via our robust API suite.", label: "API", value: "99.9%"},
|
||||
{
|
||||
title: "Predictive Analytics", description: "Turn raw data into actionable business intelligence in real-time.", label: "SPEED", value: "<1ms"},
|
||||
{
|
||||
title: "Adaptive Automation", description: "Automate complex logical sequences without manual intervention.", label: "EFFICIENCY", value: "10x"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricsGradientCards
|
||||
tag="Data In Motion"
|
||||
title="Performance at Scale"
|
||||
description="Numbers speak louder than promises. See how our clients are transforming their operations."
|
||||
metrics={[
|
||||
{
|
||||
value: "120M+", title: "Operations", description: "Processed monthly", icon: Zap,
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
value: "450%", title: "Growth", description: "In productivity", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
value: "5k+", title: "Agents", description: "Deployed worldwide", icon: Star,
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 NexusAI. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialDetailedCards
|
||||
tag="Trusted by Leaders"
|
||||
title="Innovation Driven by Results"
|
||||
description="See why top tech companies choose NexusAI to power their digital transformation."
|
||||
testimonials={[
|
||||
{
|
||||
title: "Game Changer", quote: "NexusAI completely changed our data strategy.", name: "Elena Smith", role: "CTO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/professional-headshot-of-a-female-tech-e-1776277854758-779ab8dd.png"},
|
||||
{
|
||||
title: "Reliable", quote: "The most robust engine we have used.", name: "Marcus Chen", role: "Head of AI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-male-developer-smart-casua-1776277866661-44534b6f.png"},
|
||||
{
|
||||
title: "Effortless", quote: "Integrated into our stack in under an hour.", name: "Sarah Jenkins", role: "Engineering Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/portrait-of-a-project-manager-dark-backg-1776277876157-b7939e46.png"},
|
||||
{
|
||||
title: "Scalable", quote: "Infinite scalability for our data needs.", name: "David Kim", role: "Data Scientist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/headshot-of-a-product-architect-dark-amb-1776277885501-2326ec5e.png"},
|
||||
{
|
||||
title: "Efficient", quote: "Saved our team thousands of manual hours.", name: "Jordan P.", role: "Product Architect", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJc0x1D8fz8hQeSgAZ5t4kfi3f/headshot-of-a-cto-futuristic-vibe-dark-l-1776277898251-3f2c2427.png"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSimple
|
||||
tag="Support"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about getting started."
|
||||
items={[
|
||||
{
|
||||
question: "What is NexusAI?", answer: "A modular, scalable AI automation platform."},
|
||||
{
|
||||
question: "Is it secure?", answer: "Enterprise-grade security and SOC2 compliance."},
|
||||
{
|
||||
question: "How do I integrate?", answer: "Simple API integration in minutes."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Start?"
|
||||
title="Get Early Access"
|
||||
description="Join the waitlist for our private beta launch."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Join Waitlist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimpleCard
|
||||
brand="NexusAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "API", href: "#"},
|
||||
{
|
||||
label: "Security", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyright="© 2024 NexusAI. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user