bender/9ce92635-2cf7-4226-b2b5-9f98601bcaa3
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 10:15:34 +00:00
parent a63bcc732b
commit b2741b41c0
1 changed files with 154 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

326
src/app/page.tsx
View File

@@ -8,6 +8,8 @@ import FeatureBento from "@/components/sections/feature/FeatureBento";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern"; import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix"; import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactCTA from "@/components/sections/contact/ContactCTA"; import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { import {
@@ -23,7 +25,6 @@ import {
CheckCircle, CheckCircle,
Star, Star,
Rocket, Rocket,
MessageSquareText as MessageSquareTextIcon,
Brain, Brain,
TrendingUp, TrendingUp,
Globe, Globe,
@@ -31,9 +32,7 @@ import {
HelpCircle, HelpCircle,
Home, Home,
Settings, Settings,
CircleDollarSign, AlertCircle,
ArrowLeftRight,
Send,
} from "lucide-react"; } from "lucide-react";
const navItems = [ const navItems = [
@@ -76,70 +75,50 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "Start Free Trial", href: "https://app.example.com/trial" }, { text: "Start Free Trial", href: "https://app.example.com/trial" },
{ text: "Schedule Demo", href: "/contact" }, { text: "Schedule Demo", href: "#contact" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }} background={{ variant: "radial-gradient" }}
dashboard={{ dashboard={{
title: "Agent Command Center", title: "Agent Command Center", logoIcon: Zap,
logoIcon: Zap,
imageSrc: imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/a-modern-dark-themed-ai-agent-dashboard--1772532768124-ae5c2b99.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/a-modern-dark-themed-ai-agent-dashboard--1772532768124-ae5c2b99.png", searchPlaceholder: "Search agent status...", buttons: [
searchPlaceholder: "Search agent status...",
buttons: [
{ text: "Deploy Agent", href: "#" }, { text: "Deploy Agent", href: "#" },
{ text: "View Analytics", href: "#" }, { text: "View Analytics", href: "#" },
], ],
sidebarItems: [ sidebarItems: [
{ icon: Home, active: true }, { icon: Home, active: true },
{ icon: MessageSquareTextIcon }, { icon: MessageSquareText },
{ icon: Settings }, { icon: Settings },
], ],
stats: [ stats: [
{ {
title: "Active Agents", title: "Active Agents", values: [24, 38, 52],
values: [24, 38, 52], description: "Currently deployed"},
description: "Currently deployed",
},
{ {
title: "Client Interactions", title: "Client Interactions", values: [1240, 1847, 2563],
values: [1240, 1847, 2563], valuePrefix: "$", valueSuffix: "K", description: "Handled monthly"},
valuePrefix: "$",
valueSuffix: "K",
description: "Handled monthly",
},
{ {
title: "System Uptime", title: "System Uptime", values: [99.8, 99.9, 99.95],
values: [99.8, 99.9, 99.95], valueSuffix: "%", description: "Reliability guaranteed"},
valueSuffix: "%",
description: "Reliability guaranteed",
},
], ],
chartTitle: "Agent Performance", chartTitle: "Agent Performance", chartData: [
chartData: [
{ value: 75 }, { value: 75 },
{ value: 85 }, { value: 85 },
{ value: 92 }, { value: 92 },
{ value: 88 }, { value: 88 },
{ value: 95 }, { value: 95 },
], ],
listTitle: "Recent Deployments", listTitle: "Recent Deployments", listItems: [
listItems: [
{ {
icon: CheckCircle, icon: CheckCircle,
title: "CustomerBot v2.1", title: "CustomerBot v2.1", status: "Active"},
status: "Active",
},
{ {
icon: CircleDollarSign, icon: AlertCircle,
title: "SupportAgent v1.8", title: "SupportAgent v1.8", status: "Updating"},
status: "Updating",
},
{ {
icon: CheckCircle, icon: CheckCircle,
title: "SalesAssistant v3.0", title: "SalesAssistant v3.0", status: "Active"},
status: "Active",
},
], ],
}} }}
/> />
@@ -159,32 +138,21 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ {
title: "Real-Time Communication", title: "Real-Time Communication", description:
description: "Instant, contextual conversations with clients and team members", bentoComponent: "chat", aiIcon: MessageSquareText,
"Instant, contextual conversations with clients and team members",
bentoComponent: "chat",
aiIcon: MessageSquareText,
userIcon: User, userIcon: User,
exchanges: [ exchanges: [
{ {
userMessage: "What are my account details?", userMessage: "What are my account details?", aiResponse:
aiResponse: "Your account shows 12 active projects with a total investment of $125,000. Would you like more details on any specific project?"},
"Your account shows 12 active projects with a total investment of $125,000. Would you like more details on any specific project?",
},
{ {
userMessage: "Can you help with billing?", userMessage: "Can you help with billing?", aiResponse:
aiResponse: "Absolutely! I can help you review your billing history, update payment methods, or generate invoices. What would you like to do?"},
"Absolutely! I can help you review your billing history, update payment methods, or generate invoices. What would you like to do?",
},
], ],
placeholder: "Ask me anything...", placeholder: "Ask me anything..."},
},
{ {
title: "Multi-Agent Orchestration", title: "Multi-Agent Orchestration", description:
description: "Coordinate multiple specialized agents working in parallel", bentoComponent: "orbiting-icons", centerIcon: Zap,
"Coordinate multiple specialized agents working in parallel",
bentoComponent: "orbiting-icons",
centerIcon: Zap,
items: [ items: [
{ icon: MessageSquare, ring: 1 }, { icon: MessageSquare, ring: 1 },
{ icon: BarChart3, ring: 1 }, { icon: BarChart3, ring: 1 },
@@ -194,37 +162,23 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Performance Analytics", title: "Performance Analytics", description:
description: "Comprehensive insights into agent behavior and client satisfaction", bentoComponent: "line-chart"},
"Comprehensive insights into agent behavior and client satisfaction",
bentoComponent: "line-chart",
},
{ {
title: "Enterprise Integration", title: "Enterprise Integration", description:
description: "Connect with CRM, helpdesk, and business systems seamlessly", bentoComponent: "icon-info-cards", items: [
"Connect with CRM, helpdesk, and business systems seamlessly",
bentoComponent: "icon-info-cards",
items: [
{ icon: Zap, label: "API Connectors", value: "50+" }, { icon: Zap, label: "API Connectors", value: "50+" },
{ {
icon: Shield, icon: Shield,
label: "Security Standard", label: "Security Standard", value: "SOC 2 Type II"},
value: "SOC 2 Type II",
},
{ icon: Globe, label: "Data Centers", value: "6 Regions" }, { icon: Globe, label: "Data Centers", value: "6 Regions" },
], ],
}, },
{ {
title: "Contextual Learning", title: "Contextual Learning", description:
description: "Agents that adapt and improve with every interaction", bentoComponent: "animated-bar-chart"},
"Agents that adapt and improve with every interaction",
bentoComponent: "animated-bar-chart",
},
{ {
title: "Global Deployment", title: "Global Deployment", description: "Serve clients worldwide with multi-language support", bentoComponent: "map"},
description: "Serve clients worldwide with multi-language support",
bentoComponent: "map",
},
]} ]}
carouselMode="buttons" carouselMode="buttons"
/> />
@@ -242,41 +196,29 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ {
icon: MessageSquareTextIcon, icon: MessageSquareText,
title: "24/7 Client Support", title: "24/7 Client Support", description:
description: "Always-on assistance that never needs sleep, handling inquiries across time zones"},
"Always-on assistance that never needs sleep, handling inquiries across time zones",
},
{ {
icon: Brain, icon: Brain,
title: "Intelligent Learning", title: "Intelligent Learning", description:
description: "Continuously improves responses and decision-making based on interactions"},
"Continuously improves responses and decision-making based on interactions",
},
{ {
icon: Zap, icon: Zap,
title: "Lightning Fast", title: "Lightning Fast", description:
description: "Sub-second response times ensure smooth, natural conversations"},
"Sub-second response times ensure smooth, natural conversations",
},
{ {
icon: Shield, icon: Shield,
title: "Enterprise Security", title: "Enterprise Security", description:
description: "Bank-grade encryption and compliance with GDPR, HIPAA, and SOC 2"},
"Bank-grade encryption and compliance with GDPR, HIPAA, and SOC 2",
},
{ {
icon: TrendingUp, icon: TrendingUp,
title: "Conversion Optimization", title: "Conversion Optimization", description:
description: "Intelligent agents guide prospects through sales funnels with personalized assistance"},
"Intelligent agents guide prospects through sales funnels with personalized assistance",
},
{ {
icon: Globe, icon: Globe,
title: "Multi-Language Support", title: "Multi-Language Support", description:
description: "Serve global audiences with natural communication in 100+ languages"},
"Serve global audiences with natural communication in 100+ languages",
},
]} ]}
/> />
</div> </div>
@@ -312,71 +254,117 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Chen", handle: "VP Product, TechCorp", testimonial:
name: "Sarah Chen", "AIAssist reduced our support response time by 85%. The agents integrate seamlessly with our existing systems and our customers can't tell they're talking to AI.", imageSrc:
handle: "VP Product, TechCorp", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-confident-bus-1772532765359-17d2a019.png", imageAlt: "Sarah Chen"},
testimonial:
"AIAssist reduced our support response time by 85%. The agents integrate seamlessly with our existing systems and our customers can't tell they're talking to AI.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-confident-bus-1772532765359-17d2a019.png",
imageAlt: "Sarah Chen",
},
{ {
id: "2", id: "2", name: "Michael Rodriguez", handle: "CEO, GrowthStartup", testimonial:
name: "Michael Rodriguez", "We deployed 5 agents in 2 weeks. The ROI was immediate - handling 10x more customer inquiries with the same team size. Incredible solution.", imageSrc:
handle: "CEO, GrowthStartup", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-female-techno-1772532766791-eaa8c798.png", imageAlt: "Michael Rodriguez"},
testimonial:
"We deployed 5 agents in 2 weeks. The ROI was immediate - handling 10x more customer inquiries with the same team size. Incredible solution.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-female-techno-1772532766791-eaa8c798.png",
imageAlt: "Michael Rodriguez",
},
{ {
id: "3", id: "3", name: "Emily Johnson", handle: "Head of Support, CloudSoft", testimonial:
name: "Emily Johnson", "The contextual learning is remarkable. Every day our agents get smarter. Our customer satisfaction scores have never been higher.", imageSrc:
handle: "Head of Support, CloudSoft", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-male-business-1772532765548-3507727f.png", imageAlt: "Emily Johnson"},
testimonial:
"The contextual learning is remarkable. Every day our agents get smarter. Our customer satisfaction scores have never been higher.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-male-business-1772532765548-3507727f.png",
imageAlt: "Emily Johnson",
},
{ {
id: "4", id: "4", name: "David Kim", handle: "Operations Manager, RetailHub", testimonial:
name: "David Kim", "We've tried other AI platforms. AIAssist is in a different league. The support team is outstanding and the product constantly improves.", imageSrc:
handle: "Operations Manager, RetailHub", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-diverse-busin-1772532766055-24de2fcc.png", imageAlt: "David Kim"},
testimonial:
"We've tried other AI platforms. AIAssist is in a different league. The support team is outstanding and the product constantly improves.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-diverse-busin-1772532766055-24de2fcc.png",
imageAlt: "David Kim",
},
{ {
id: "5", id: "5", name: "Lisa Anderson", handle: "CTO, FinanceFlow", testimonial:
name: "Lisa Anderson", "Security and compliance were our concerns. AIAssist exceeded all our requirements. SOC 2 certified with full HIPAA support built-in.", imageSrc:
handle: "CTO, FinanceFlow", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-young-entrepr-1772532766756-54e42e8c.png", imageAlt: "Lisa Anderson"},
testimonial:
"Security and compliance were our concerns. AIAssist exceeded all our requirements. SOC 2 certified with full HIPAA support built-in.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-a-young-entrepr-1772532766756-54e42e8c.png",
imageAlt: "Lisa Anderson",
},
{ {
id: "6", id: "6", name: "James Peterson", handle: "CMO, MarketingPro", testimonial:
name: "James Peterson", "Our conversion rate increased 45% after deploying AIAssist agents. They're like having an expert salesperson working 24/7.", imageSrc:
handle: "CMO, MarketingPro", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-an-experienced--1772532765879-624a58d7.png", imageAlt: "James Peterson"},
testimonial:
"Our conversion rate increased 45% after deploying AIAssist agents. They're like having an expert salesperson working 24/7.",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQl7xgtU77Ab7K2fMjb9S5UEGO/professional-headshot-of-an-experienced--1772532765879-624a58d7.png",
imageAlt: "James Peterson",
},
]} ]}
speed={40} speed={40}
topMarqueeDirection="left" topMarqueeDirection="left"
/> />
</div> </div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Transparent Pricing That Scales"
description="Choose the plan that fits your business. Start free, upgrade as you grow."
tag="Flexible Plans"
tagIcon={DollarSign}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
plans={[
{
id: "starter", price: "Free", name: "Starter", buttons: [
{ text: "Get Started", href: "https://app.example.com/signup" },
{ text: "Learn More", href: "#" },
],
features: [
"1 AI Agent", "Up to 1,000 conversations/month", "Basic analytics", "Email support", "Standard integrations"],
},
{
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
price: "$499/month", name: "Professional", buttons: [
{
text: "Start Free Trial", href: "https://app.example.com/trial"},
{ text: "Contact Sales", href: "#contact" },
],
features: [
"Up to 5 AI Agents", "Up to 50,000 conversations/month", "Advanced analytics & reporting", "Priority support", "50+ integrations", "Custom training data", "Performance optimization"],
},
{
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
{ text: "Schedule Demo", href: "#contact" },
{ text: "Talk to Sales", href: "mailto:sales@aiassist.io" },
],
features: [
"Unlimited AI Agents", "Unlimited conversations", "Custom analytics & dashboards", "24/7 dedicated support", "100+ integrations + custom APIs", "Advanced security & compliance", "SLA guarantees", "On-premise deployment options"],
},
]}
carouselMode="buttons"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
title="Frequently Asked Questions"
description="Everything you need to know about deploying and managing AI agents"
tag="Support"
tagIcon={HelpCircle}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
animationType="smooth"
faqsAnimation="slide-up"
faqs={[
{
id: "1", title: "How quickly can I deploy an AI agent?", content:
"Most customers have their first agent live in under 24 hours. Our pre-built integrations, templates, and guided setup process make deployment fast and straightforward. No machine learning expertise required."},
{
id: "2", title: "What data do AI agents have access to?", content:
"Agents only access data you explicitly authorize through integrations. We follow principle of least privilege - agents only see what they need to do their job. All data is encrypted in transit and at rest."},
{
id: "3", title: "Can agents handle complex multi-turn conversations?", content:
"Yes. Our agents maintain conversation context across unlimited turns, understand nuance and intent, and can handle complex workflows. They can escalate to humans when needed."},
{
id: "4", title: "Is my customer data secure?", content:
"We maintain SOC 2 Type II certification, full GDPR compliance, HIPAA readiness, and bank-grade encryption. Data is stored in isolated environments with comprehensive audit logging."},
{
id: "5", title: "How much does it cost to get started?", content:
"Our Starter plan is completely free - includes 1 agent and 1,000 conversations monthly. Professional plans start at $499/month with unlimited growth. No credit card required for free plan."},
{
id: "6", title: "What languages do agents support?", content:
"Agents support 100+ languages with natural understanding and contextually appropriate responses. Language detection is automatic, or you can specify preferred languages per agent."},
{
id: "7", title: "Can I integrate with our existing systems?", content:
"Yes. We offer pre-built integrations for 50+ popular platforms including Salesforce, HubSpot, Intercom, and Slack. Custom API integrations are available for any system."},
{
id: "8", title: "How do agents improve over time?", content:
"Agents learn from every interaction through supervised learning. You can provide feedback through our dashboard, and agents incorporate lessons into future conversations. Performance continuously improves."},
]}
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
tag="Ready to Transform" tag="Ready to Transform"
@@ -399,8 +387,7 @@ export default function HomePage() {
logoText="AIAssist" logoText="AIAssist"
columns={[ columns={[
{ {
title: "Product", title: "Product", items: [
items: [
{ label: "Features", href: "/#features" }, { label: "Features", href: "/#features" },
{ label: "Pricing", href: "/#pricing" }, { label: "Pricing", href: "/#pricing" },
{ label: "Security", href: "/security" }, { label: "Security", href: "/security" },
@@ -408,8 +395,7 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About", href: "/about" }, { label: "About", href: "/about" },
{ label: "Blog", href: "/blog" }, { label: "Blog", href: "/blog" },
{ label: "Careers", href: "/careers" }, { label: "Careers", href: "/careers" },
@@ -417,20 +403,16 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [
{ {
label: "Documentation", label: "Documentation", href: "https://docs.aiassist.io"},
href: "https://docs.aiassist.io",
},
{ label: "Integrations", href: "/integrations" }, { label: "Integrations", href: "/integrations" },
{ label: "Templates", href: "/templates" }, { label: "Templates", href: "/templates" },
{ label: "Support", href: "/support" }, { label: "Support", href: "/support" },
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ label: "Privacy Policy", href: "/privacy" }, { label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" }, { label: "Terms of Service", href: "/terms" },
{ label: "Cookie Policy", href: "/cookies" }, { label: "Cookie Policy", href: "/cookies" },