Initial commit
This commit is contained in:
201
src/app/page.tsx
Normal file
201
src/app/page.tsx
Normal file
@@ -0,0 +1,201 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user