372 lines
20 KiB
TypeScript
372 lines
20 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 FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
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, Zap, Rocket, Lightbulb, Award, Mail, DollarSign, HelpCircle, Brain, Shield, Gauge, Settings, TrendingUp, House, BarChart3, CircleDollarSign, ArrowLeftRight, Send, Database, Cloud, Lock, Monitor, CheckCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
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" },
|
|
{ name: "Solutions", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Docs", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="AISync"
|
|
bottomLeftText="Innovating AI Solutions"
|
|
bottomRightText="hello@aisync.ai"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Intelligence Powered by Next-Generation AI"
|
|
description="Transform your business with real-time analytics, predictive insights, and autonomous workflows. Experience the future of artificial intelligence today."
|
|
tag="Advanced AI Platform"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#contact" },
|
|
{ text: "View Capabilities", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
dashboard={{
|
|
title: "AI Intelligence Hub", logoIcon: Brain,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-ai-dashboard-avatar-showing-1772527258685-d106e1cc.png", searchPlaceholder: "Ask AI anything...", buttons: [
|
|
{ text: "Run Model", href: "#" },
|
|
{ text: "Export Results", href: "#" }
|
|
],
|
|
sidebarItems: [
|
|
{ icon: House, active: true },
|
|
{ icon: BarChart3, active: false },
|
|
{ icon: Zap, active: false }
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Accuracy", values: ["94.2%", "96.8%", "98.5%"],
|
|
valuePrefix: "", valueSuffix: "", description: "Model precision rate"
|
|
},
|
|
{
|
|
title: "Processing Speed", values: ["2.1ms", "1.8ms", "1.2ms"],
|
|
valuePrefix: "", valueSuffix: "", description: "Average response time"
|
|
},
|
|
{
|
|
title: "Active Users", values: ["12,450", "18,920", "24,680"],
|
|
valuePrefix: "", valueSuffix: "", description: "Real-time platform users"
|
|
}
|
|
],
|
|
chartTitle: "Model Performance", chartData: [
|
|
{ value: 75 },
|
|
{ value: 85 },
|
|
{ value: 92 },
|
|
{ value: 88 },
|
|
{ value: 95 }
|
|
],
|
|
listTitle: "Recent Predictions", listItems: [
|
|
{ icon: TrendingUp, title: "Market Forecast", status: "Completed" },
|
|
{ icon: Zap, title: "Performance Analysis", status: "Processing" },
|
|
{ icon: CheckCircle, title: "Risk Assessment", status: "Completed" }
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
title="Powerful AI-Driven Capabilities"
|
|
description="Unlock unprecedented intelligence with our comprehensive suite of AI tools designed for enterprise scalability."
|
|
tag="Core Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[{ text: "Explore All Features", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Neural Processing Engine", description: "Advanced machine learning models optimized for real-time decision making", bentoComponent: "globe"
|
|
},
|
|
{
|
|
title: "Real-Time Analytics", description: "Process millions of data points instantly with distributed computing", bentoComponent: "animated-bar-chart"
|
|
},
|
|
{
|
|
title: "Integration Ecosystem", description: "Connect with 500+ tools and platforms seamlessly", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
|
items: [
|
|
{ icon: Database, ring: 1 },
|
|
{ icon: Cloud, ring: 2 },
|
|
{ icon: Lock, ring: 2 },
|
|
{ icon: Monitor, ring: 3 }
|
|
]
|
|
},
|
|
{
|
|
title: "Predictive Intelligence", description: "Forecast trends and behaviors with industry-leading accuracy", bentoComponent: "line-chart"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="patterns" data-section="patterns">
|
|
<FeatureHoverPattern
|
|
title="Enterprise-Grade Performance"
|
|
description="Experience cutting-edge AI features with interactive hover effects"
|
|
tag="Advanced Tools"
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
icon: Brain,
|
|
title: "Autonomous Learning", description: "Models adapt and improve automatically from new data streams"
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "Enterprise Security", description: "Bank-grade encryption with compliance for all major standards"
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Lightning Performance", description: "Sub-millisecond latency with global edge computing infrastructure"
|
|
},
|
|
{
|
|
icon: Gauge,
|
|
title: "Scalability", description: "Handle unlimited concurrent requests without degradation"
|
|
},
|
|
{
|
|
icon: Settings,
|
|
title: "Custom Training", description: "Fine-tune models on your proprietary data for maximum accuracy"
|
|
},
|
|
{
|
|
icon: TrendingUp,
|
|
title: "Live Monitoring", description: "Real-time dashboards track model performance and metrics"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Story"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="slide-up"
|
|
title="Built by AI Experts for AI Excellence"
|
|
description="Founded in 2023, AISync emerged from the vision of leading machine learning researchers and enterprise technology pioneers. We've combined decades of AI expertise with cutting-edge research to create the most intuitive and powerful AI platform on the market."
|
|
metrics={[
|
|
{ value: "50M+", title: "Predictions Processed Daily" },
|
|
{ value: "99.99%", title: "Platform Uptime SLA" }
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/a-dynamic-team-of-diverse-ai-researchers-1772527260990-039a17b5.png"
|
|
imageAlt="AI Research Team"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Trusted by Industry Leaders"
|
|
description="See how enterprise teams are transforming their operations with AISync"
|
|
tag="Social Proof"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "VP of Innovation, TechCorp", testimonial: "AISync transformed our data processing pipeline. We've reduced analysis time by 85% and discovered insights we never knew existed in our data.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-headshot-of-a-confident-wom-1772527258005-13f77a2a.png", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Rodriguez", handle: "CTO, FinanceFlow", testimonial: "The accuracy and speed of AISync's predictions have directly improved our risk management. It's become mission-critical to our operations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-headshot-of-a-man-with-hisp-1772527258248-3ace19ff.png", imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Emily Watson", handle: "Director of Operations, DataDrive", testimonial: "We've integrated AISync across our entire organization. The ROI was evident within the first month. Exceptional platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-headshot-of-a-confident-wom-1772527258142-9a79eefb.png", imageAlt: "Emily Watson"
|
|
},
|
|
{
|
|
id: "4", name: "David Kim", handle: "Head of Analytics, CloudX", testimonial: "The ease of use combined with enterprise-grade features makes AISync the clear choice for any organization serious about AI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-headshot-of-an-asian-man-we-1772527257959-f935ad6d.png", imageAlt: "David Kim"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Thompson", handle: "CEO, InnovateLabs", testimonial: "AISync isn't just a tool—it's a partner in our digital transformation. The support team and platform quality are outstanding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-headshot-of-a-woman-with-da-1772527258705-84dd5420.png", imageAlt: "Jessica Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Marcus Johnson", handle: "Product Lead, FutureAI", testimonial: "We've deployed AISync to 50+ internal teams. The adoption rate was faster than any platform we've ever implemented.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaFIFcSalZI4LwxUlRFnVlSfV/professional-headshot-of-a-black-man-wea-1772527258289-1a125133.png", imageAlt: "Marcus Johnson"
|
|
}
|
|
]}
|
|
speed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
title="Transparent, Scalable Pricing"
|
|
description="Choose the perfect plan for your AI needs. All plans include full platform access with scaled compute resources."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
tagAnimation="slide-up"
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "starter", price: "$299/mo", name: "Starter", buttons: [
|
|
{ text: "Get Started", href: "#contact" },
|
|
{ text: "Free Trial", href: "#" }
|
|
],
|
|
features: [
|
|
"Up to 1M predictions/month", "Real-time analytics dashboard", "5 custom AI models", "Email support", "99.9% uptime SLA", "Basic API access"
|
|
]
|
|
},
|
|
{
|
|
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
|
|
price: "$999/mo", name: "Professional", buttons: [
|
|
{ text: "Start Free Trial", href: "#contact" },
|
|
{ text: "Contact Sales", href: "#" }
|
|
],
|
|
features: [
|
|
"Up to 50M predictions/month", "Advanced analytics & ML tools", "Unlimited custom models", "Priority 24/7 support", "99.99% uptime SLA", "Advanced API with webhooks", "Team collaboration tools", "Custom integrations"
|
|
]
|
|
},
|
|
{
|
|
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
|
{ text: "Schedule Demo", href: "#contact" },
|
|
{ text: "Contact Sales", href: "#" }
|
|
],
|
|
features: [
|
|
"Unlimited predictions", "Dedicated infrastructure", "White-label solution", "24/7 dedicated support team", "99.99%+ SLA guarantee", "Custom security & compliance", "On-premise deployment option", "Quarterly business reviews"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about AISync capabilities, pricing, and implementation"
|
|
tag="Help Center"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
buttons={[]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="blur-reveal"
|
|
useInvertedBackground={true}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What makes AISync different from other AI platforms?", content: "AISync combines enterprise-grade performance with unmatched ease of use. Our proprietary neural processing engine delivers 3x faster inference speeds, while our intuitive interface means no PhD required to leverage advanced AI capabilities. We've also built compliance and security into every layer from day one."
|
|
},
|
|
{
|
|
id: "2", title: "How long does implementation typically take?", content: "Most customers are up and running in 2-4 weeks. Our onboarding team handles everything from API integration to custom model training. Starter plans can be operational in days, while enterprise deployments get a dedicated implementation specialist."
|
|
},
|
|
{
|
|
id: "3", title: "Is my data secure with AISync?", content: "Absolutely. We implement bank-grade AES-256 encryption, SOC 2 Type II certification, and GDPR compliance across all operations. Data never leaves your designated region unless explicitly authorized, and we offer on-premise deployment for maximum control."
|
|
},
|
|
{
|
|
id: "4", title: "Can I train models on proprietary data?", content: "Yes. AISync supports custom model training directly on your data infrastructure. Our transfer learning capabilities mean you can fine-tune pre-trained models in hours rather than months. All proprietary data remains completely isolated and never shared."
|
|
},
|
|
{
|
|
id: "5", title: "What's the pricing for high-volume workloads?", content: "We offer volume discounts for predictions exceeding 50M monthly. Enterprise plans also include volume-based pricing tiers. Connect with our sales team to discuss custom pricing structures tailored to your scale and requirements."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer API rate limits for free trial?", content: "Free trials include generous API rate limits: 100,000 predictions/month with 100 req/sec throughput. This is typically sufficient for proof-of-concept testing. Upgrade to paid plans for unlimited scaling on a per-API-call basis."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Power Your AI Future?"
|
|
description="Join hundreds of enterprises transforming their business with AISync. Start your free trial today—no credit card required. Our team is ready to help you succeed."
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#" },
|
|
{ text: "Schedule Demo", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="AISync"
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Pricing", href: "#pricing" },
|
|
{ label: "Security", href: "#" },
|
|
{ label: "Enterprise", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Case Studies", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Press", href: "#" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
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. Transforming AI for Enterprise."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|