201 lines
8.4 KiB
TypeScript
201 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import Link from "next/link";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Sparkles, Award, Zap } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="AgentAI"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Docs", id: "https://docs.example.com" }
|
|
]}
|
|
button={{ text: "Start Free Trial", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="AGENTAI"
|
|
description="Intelligent automation platform empowering enterprises to scale operations with AI-driven agents that learn, adapt, and deliver measurable ROI"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "/contact" },
|
|
{ text: "Watch Demo", href: "https://www.youtube.com" }
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169866.jpg",
|
|
imageAlt: "Advanced AI automation technology interface"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-template-infographic-dashboard_23-2148378206.jpg",
|
|
imageAlt: "Enterprise AI dashboard with analytics"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",
|
|
imageAlt: "Intelligent workflow automation system"
|
|
}
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
title="Powerful Features Built for Enterprise Scale"
|
|
description="Everything you need to deploy, manage, and optimize intelligent agents across your organization"
|
|
tag="Capabilities"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Autonomous Agent Design",
|
|
description: "Build sophisticated AI agents that operate independently, make intelligent decisions, and learn from interactions without constant human intervention",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-technology-landing-page_23-2150369305.jpg",
|
|
imageAlt: "ai agent design technology interface"
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Real-Time Analytics & Monitoring",
|
|
description: "Track agent performance, decision accuracy, and business impact through comprehensive dashboards with real-time insights and predictive analytics",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
|
imageAlt: "analytics monitoring real-time dashboard data"
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Multi-Agent Orchestration",
|
|
description: "Coordinate multiple AI agents seamlessly to handle complex workflows, ensuring optimal resource allocation and synchronized execution across systems",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",
|
|
imageAlt: "orchestration coordination workflow automation system"
|
|
},
|
|
{
|
|
id: "04",
|
|
title: "Enterprise Security & Compliance",
|
|
description: "Bank-level encryption, role-based access control, audit trails, and compliance frameworks ensuring your AI operations meet the strictest regulatory requirements",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg",
|
|
imageAlt: "security protection encryption compliance enterprise"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Michael Torres",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",
|
|
imageAlt: "Michael Torres"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jennifer Wu",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",
|
|
imageAlt: "Jennifer Wu"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "David Patel",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",
|
|
imageAlt: "David Patel"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Lisa Anderson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
|
imageAlt: "Lisa Anderson"
|
|
}
|
|
]}
|
|
cardTitle="Over 500+ enterprise teams trust AgentAI to power their autonomous operations"
|
|
cardTag="Industry Leaders"
|
|
cardTagIcon={Award}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Ready to Transform Your Operations?"
|
|
description="Join hundreds of enterprises using AgentAI to automate complex workflows, reduce costs, and accelerate growth. Start your free trial today or schedule a demo with our team."
|
|
tagIcon={Zap}
|
|
inputPlaceholder="Enter your work email"
|
|
buttonText="Start Free Trial"
|
|
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. No credit card required."
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<FooterBaseCard
|
|
logoText="AgentAI"
|
|
copyrightText="© 2025 AgentAI Inc. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Product",
|
|
items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "/pricing" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Roadmap", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Developers",
|
|
items: [
|
|
{ label: "Documentation", href: "https://docs.example.com" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "GitHub", href: "#" },
|
|
{ label: "Integration Hub", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
{ label: "Cookie Settings", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |