482 lines
24 KiB
TypeScript
482 lines
24 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
|
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 FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import {
|
|
Sparkles,
|
|
Lightbulb,
|
|
Shield,
|
|
Lock,
|
|
BarChart3,
|
|
Users,
|
|
Gauge,
|
|
GitBranch,
|
|
AlertCircle,
|
|
Award,
|
|
DollarSign,
|
|
HelpCircle,
|
|
Zap,
|
|
Cpu,
|
|
Network,
|
|
Settings,
|
|
TrendingUp,
|
|
Brain,
|
|
CircleDollarSign,
|
|
ArrowLeftRight,
|
|
Send,
|
|
CheckCircle,
|
|
Play,
|
|
Bot,
|
|
User,
|
|
Code,
|
|
Database,
|
|
Cloud,
|
|
} from "lucide-react";
|
|
|
|
export default function AISyncPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Features", id: "features-bento" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="AISync"
|
|
bottomLeftText="Advanced AI Infrastructure"
|
|
bottomRightText="hello@aisync.ai"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Real-Time AI Intelligence Platform"
|
|
description="Harness the power of advanced machine learning and real-time data processing. Transform your business with intelligent automation, predictive analytics, and seamless API integration."
|
|
tag="Next Generation AI"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Try Now Free", href: "#pricing" },
|
|
{ text: "View Documentation", href: "#faq" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
dashboard={{
|
|
title: "Live Analytics Hub", logoIcon: Zap,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/a-sophisticated-ai-platform-dashboard-in-1772966055640-4f0e380e.png", imageAlt: "AI Platform Dashboard", searchPlaceholder: "Query AI models...", buttons: [
|
|
{ text: "Dashboard", href: "#" },
|
|
{ text: "Export Data", href: "#" },
|
|
],
|
|
sidebarItems: [
|
|
{ icon: Cpu },
|
|
{ icon: Network, active: true },
|
|
{ icon: Settings },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Models Active", values: [127, 156, 189],
|
|
description: "Live AI models processing"
|
|
},
|
|
{
|
|
title: "API Calls", values: [2.4, 3.8, 5.2],
|
|
valuePrefix: "$", valueSuffix: "M", description: "Processed this month"
|
|
},
|
|
{
|
|
title: "Accuracy Rate", values: [94.2, 96.5, 98.7],
|
|
valueSuffix: "%", description: "Average platform accuracy"
|
|
},
|
|
],
|
|
chartTitle: "Model Performance", chartData: [
|
|
{ value: 65 },
|
|
{ value: 82 },
|
|
{ value: 73 },
|
|
{ value: 91 },
|
|
{ value: 88 },
|
|
],
|
|
listTitle: "Recent Predictions", listItems: [
|
|
{
|
|
icon: TrendingUp,
|
|
title: "Market Forecast: +15.3%", status: "Completed"
|
|
},
|
|
{
|
|
icon: Brain,
|
|
title: "Pattern Recognition: 2.5K items", status: "Processing"
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Anomaly Detection: 3 alerts", status: "Flagged"
|
|
},
|
|
],
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About AISync"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Transforming Business Through Intelligent Automation"
|
|
description="Founded in 2020, AISync has become the trusted platform for enterprises seeking to harness artificial intelligence. Our mission is to democratize access to advanced machine learning while maintaining enterprise-grade security and reliability. We've helped thousands of organizations unlock new revenue streams, reduce operational costs, and reimagine customer experiences."
|
|
metrics={[
|
|
{ value: "2,500+", title: "Enterprises Empowered" },
|
|
{ value: "$50B+", title: "Value Created for Clients" },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/a-sleek-illustration-of-ai-technology-im-1772966055072-1611eacb.png"
|
|
imageAlt="AI Platform Innovation"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-bento" data-section="features-bento">
|
|
<FeatureBento
|
|
title="Powerful AI Capabilities"
|
|
description="Experience cutting-edge machine learning features designed for enterprise scale. From real-time analytics to predictive modeling, our platform delivers intelligent insights."
|
|
tag="Platform Features"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
features={[
|
|
{
|
|
title: "Global Network", description:
|
|
"Access AI infrastructure across continents with zero latency optimization and distributed processing.", bentoComponent: "globe"
|
|
},
|
|
{
|
|
title: "Performance Analytics", description:
|
|
"Monitor real-time model performance with animated metrics and detailed accuracy tracking.", bentoComponent: "animated-bar-chart"
|
|
},
|
|
{
|
|
title: "Integration Hub", description:
|
|
"Connect with 500+ platforms through our unified API gateway and webhook system.", bentoComponent: "orbiting-icons", centerIcon: Settings,
|
|
items: [
|
|
{ icon: Code, ring: 1 },
|
|
{ icon: Database, ring: 1 },
|
|
{ icon: Cloud, ring: 2 },
|
|
{ icon: Shield, ring: 2 },
|
|
{ icon: Zap, ring: 3 },
|
|
],
|
|
},
|
|
{
|
|
title: "Workflow Automation", description:
|
|
"Automate complex workflows with intelligent decision trees and machine learning inference.", bentoComponent: "3d-task-list", items: [
|
|
{ icon: CheckCircle, label: "Train Model", time: "2m" },
|
|
{ icon: Play, label: "Deploy Live", time: "1m" },
|
|
{ icon: TrendingUp, label: "Monitor Output", time: "Realtime" },
|
|
],
|
|
},
|
|
{
|
|
title: "Chat Intelligence", description:
|
|
"Interact with AI models through natural language processing and context-aware responses.", bentoComponent: "chat", aiIcon: Bot,
|
|
userIcon: User,
|
|
placeholder: "Ask me anything about your data...", exchanges: [
|
|
{
|
|
userMessage:
|
|
"What patterns do you see in Q3 revenue?", aiResponse:
|
|
"I've identified a 23% seasonal surge correlating with product launches and marketing campaigns. Predictive models suggest Q4 will see similar patterns."
|
|
},
|
|
{
|
|
userMessage: "Can you forecast next month's trends?", aiResponse:
|
|
"Based on historical data and current market indicators, I forecast a 18% growth trajectory with 94.7% confidence level across your key segments."
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Real-Time Insights", description:
|
|
"Visualize data flows and decision pathways with interactive timeline analytics.", bentoComponent: "timeline", heading: "Model Evolution", subheading: "Training progression", completedLabel: "Deployed", items: [
|
|
{
|
|
label: "Initial Training", detail: "Data ingestion and preprocessing complete"
|
|
},
|
|
{
|
|
label: "Optimization", detail: "Hyperparameter tuning in progress"
|
|
},
|
|
{
|
|
label: "Production Ready", detail: "Model validated and ready for deployment"
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-hover" data-section="features-hover">
|
|
<FeatureHoverPattern
|
|
title="Enterprise-Grade Intelligence"
|
|
description="Discover advanced features built for mission-critical AI deployments with institutional-level security and reliability."
|
|
tag="Advanced Features"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="scale-rotate"
|
|
features={[
|
|
{
|
|
icon: Lock,
|
|
title: "Enterprise Security", description:
|
|
"Military-grade encryption, compliance certifications, and zero-trust architecture for maximum data protection."
|
|
},
|
|
{
|
|
icon: BarChart3,
|
|
title: "Advanced Analytics", description:
|
|
"Deep statistical analysis, multi-dimensional reporting, and predictive modeling at scale."
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Team Collaboration", description:
|
|
"Real-time collaboration tools, audit logs, and role-based access control for enterprises."
|
|
},
|
|
{
|
|
icon: Gauge,
|
|
title: "Performance Tuning", description:
|
|
"Auto-scaling infrastructure, latency optimization, and resource allocation algorithms."
|
|
},
|
|
{
|
|
icon: GitBranch,
|
|
title: "Model Versioning", description:
|
|
"Complete version control, rollback capabilities, and A/B testing framework for models."
|
|
},
|
|
{
|
|
icon: AlertCircle,
|
|
title: "Anomaly Detection", description:
|
|
"Real-time monitoring, alerting systems, and intelligent anomaly identification."
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted by Industry Leaders"
|
|
description="See how leading companies are accelerating growth with AISync's intelligent platform."
|
|
tag="Client Success"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "CEO, TechVenture Inc.", testimonial:
|
|
"AISync transformed our decision-making process. We reduced time-to-insight by 70% and increased revenue accuracy by 35%. Truly game-changing.", imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/professional-headshot-of-a-tech-executiv-1772966054431-9ccac2f7.png", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Rodriguez", handle: "CTO, DataFlow Systems", testimonial:
|
|
"The API integration was seamless, and the support team is exceptional. We deployed to production within weeks. Outstanding platform.", imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/professional-headshot-of-a-diverse-tech--1772966054361-697ed0ce.png", imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Watson", handle: "VP Analytics, FortuneScale", testimonial:
|
|
"Finally, an AI platform that scales with enterprise needs. Security compliance was a breeze, and performance is incredible.", imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/professional-headshot-of-an-ai-researche-1772966054557-15dc2ff0.png", imageAlt: "Emily Watson"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "Director AI, InnovateLabs", testimonial:
|
|
"The model accuracy and speed surpassed all our expectations. ROI was visible within the first month of deployment.", imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/professional-headshot-of-a-cto-or-engine-1772966056248-86c4da28.png", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Liu", handle: "Head of ML, NextGen Corp", testimonial:
|
|
"Exceptional documentation and educational resources. Our team was productive immediately. Highly recommend to any enterprise.", imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/professional-headshot-of-a-data-science--1772966055195-e400a6ed.png", imageAlt: "Jessica Liu"
|
|
},
|
|
{
|
|
id: "6", name: "Thomas Murphy", handle: "Chief Innovation Officer, TechCorp", testimonial:
|
|
"AISync enabled us to launch three new AI-powered products. The platform's flexibility and reliability are unmatched.", imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeurNHvp9bRaCQnmRpzKms2XAX/professional-headshot-of-a-product-strat-1772966054594-df8725ce.png", imageAlt: "Thomas Murphy"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Simple, Transparent Pricing"
|
|
description="Most teams start with Professional and scale to Enterprise. Choose the perfect plan for your AI infrastructure needs and upgrade anytime with no long-term commitments."
|
|
tag="Pricing Plans"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
plans={[
|
|
{
|
|
id: "starter", price: "$499/mo", name: "Starter", buttons: [
|
|
{ text: "Get Started", href: "#contact" },
|
|
{ text: "Learn More", href: "#faq" },
|
|
],
|
|
features: [
|
|
"Up to 50K API calls/month", "5 concurrent models", "Basic analytics dashboard", "Email support", "99.5% uptime SLA"
|
|
],
|
|
},
|
|
{
|
|
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$1,999/mo", name: "Professional", buttons: [
|
|
{ text: "Start Free Trial", href: "#contact" },
|
|
{ text: "Schedule Demo", href: "#contact" },
|
|
],
|
|
features: [
|
|
"Up to 500K API calls/month", "25 concurrent models", "Advanced analytics & reporting", "Priority support (24/7)", "99.9% uptime SLA", "Custom integrations"
|
|
],
|
|
},
|
|
{
|
|
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
|
{ text: "Contact Sales", href: "#contact" },
|
|
{ text: "View Case Studies", href: "#" },
|
|
],
|
|
features: [
|
|
"Unlimited API calls", "Unlimited concurrent models", "Custom analytics suite", "Dedicated support team", "99.99% uptime SLA", "White-label options", "Security compliance packages"
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about AISync's platform, pricing, and implementation."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is AISync and how does it work?", content:
|
|
"AISync is a cloud-based artificial intelligence platform that enables enterprises to build, deploy, and manage machine learning models at scale. Our platform handles data ingestion, model training, deployment, and monitoring through an intuitive interface and powerful APIs."
|
|
},
|
|
{
|
|
id: "2", title: "Do I need machine learning expertise?", content:
|
|
"Not necessarily. While AISync is powerful for ML engineers, our no-code dashboard and pre-built models allow non-technical users to leverage AI. We provide extensive documentation and tutorials to help teams of any skill level get started quickly."
|
|
},
|
|
{
|
|
id: "3", title: "How is my data protected?", content:
|
|
"We employ military-grade encryption, multi-factor authentication, role-based access control, and regular security audits. AISync is SOC 2 Type II, HIPAA, and GDPR compliant. All data is encrypted at rest and in transit."
|
|
},
|
|
{
|
|
id: "4", title: "What are API call limits?", content:
|
|
"API call limits depend on your pricing tier. Starter plans include 50K calls/month, Professional includes 500K calls/month, and Enterprise plans offer unlimited calls. Each tier can be customized based on your needs."
|
|
},
|
|
{
|
|
id: "5", title: "Can I integrate AISync with my existing systems?", content:
|
|
"Yes. AISync offers REST APIs, webhooks, and SDKs for popular programming languages. We integrate with 500+ platforms including Salesforce, HubSpot, Tableau, and custom enterprise systems."
|
|
},
|
|
{
|
|
id: "6", title: "What's the implementation timeline?", content:
|
|
"Most customers go live within 2-4 weeks. For complex enterprise deployments, we assign a dedicated implementation team. The timeline depends on data volume, integration complexity, and your team's availability."
|
|
},
|
|
{
|
|
id: "7", title: "Do you offer training and support?", content:
|
|
"Absolutely. All plans include documentation, video tutorials, and community forums. Professional and Enterprise plans include dedicated support channels, priority response times, and onboarding services."
|
|
},
|
|
{
|
|
id: "8", title: "Can I cancel my subscription?", content:
|
|
"Yes. AISync has no long-term contracts. You can cancel anytime with proper notice. We're committed to your success and work with customers to ensure they achieve their AI goals."
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Transform Your Business with AI?"
|
|
description="Join thousands of enterprises leveraging AISync to unlock intelligence, accelerate growth, and reimagine their future. Our team is ready to help you get started."
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#pricing" },
|
|
{ text: "Schedule Demo", href: "#" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="AISync"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features-bento" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Enterprise", href: "#" },
|
|
{ label: "Security", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Press", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Developers", items: [
|
|
{ label: "Documentation", href: "#faq" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "GitHub", href: "https://github.com" },
|
|
{ label: "Community", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Help Center", href: "#faq" },
|
|
{ label: "Contact Support", href: "#contact" },
|
|
{ label: "Case Studies", href: "#testimonials" },
|
|
{ label: "Webinars", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Compliance", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 AISync. All rights reserved. Advancing intelligence for enterprises worldwide."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|