Merge version_1 into main #1
@@ -73,15 +73,19 @@ export default function LandingPage() {
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "What are the key trends in AI?", aiResponse:
|
||||
"Current AI trends focus on multimodal models, efficient scaling, and responsible AI deployment across enterprises."},
|
||||
"Current AI trends focus on multimodal models, efficient scaling, and responsible AI deployment across enterprises."
|
||||
},
|
||||
{
|
||||
userMessage: "How can I integrate this?", aiResponse:
|
||||
"Our API provides seamless integration with your existing systems. Documentation and SDKs are available for all platforms."},
|
||||
"Our API provides seamless integration with your existing systems. Documentation and SDKs are available for all platforms."
|
||||
},
|
||||
],
|
||||
placeholder: "Ask me anything..."},
|
||||
placeholder: "Ask me anything..."
|
||||
},
|
||||
{
|
||||
title: "Real-Time Analytics", description:
|
||||
"Process and visualize data streams with instant insights", bentoComponent: "animated-bar-chart"},
|
||||
"Process and visualize data streams with instant insights", bentoComponent: "animated-bar-chart"
|
||||
},
|
||||
{
|
||||
title: "Integration Hub", description: "Connect with 500+ tools and services seamlessly", bentoComponent: "orbiting-icons", centerIcon: Zap,
|
||||
items: [
|
||||
@@ -95,7 +99,8 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Global Scale", description:
|
||||
"Deploy AI models across worldwide infrastructure", bentoComponent: "globe"},
|
||||
"Deploy AI models across worldwide infrastructure", bentoComponent: "globe"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -114,27 +119,33 @@ export default function LandingPage() {
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Lightning Speed", description:
|
||||
"Sub-millisecond latency for real-time AI inference and processing"},
|
||||
"Sub-millisecond latency for real-time AI inference and processing"
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Enterprise Security", description:
|
||||
"Bank-grade encryption and compliance with all major standards"},
|
||||
"Bank-grade encryption and compliance with all major standards"
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Scalable Architecture", description:
|
||||
"Automatically scales from startup to enterprise workloads"},
|
||||
"Automatically scales from startup to enterprise workloads"
|
||||
},
|
||||
{
|
||||
icon: Brain,
|
||||
title: "Custom Models", description:
|
||||
"Train and deploy AI models tailored to your specific needs"},
|
||||
"Train and deploy AI models tailored to your specific needs"
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
title: "Advanced Analytics", description:
|
||||
"Deep insights into model performance and business metrics"},
|
||||
"Deep insights into model performance and business metrics"
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Reliability", description:
|
||||
"99.99% uptime SLA with redundant infrastructure"},
|
||||
"99.99% uptime SLA with redundant infrastructure"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
@@ -165,7 +176,7 @@ export default function LandingPage() {
|
||||
title="What Industry Leaders Say"
|
||||
description="Hear from executives and innovators who've transformed their businesses with AIFlow"
|
||||
textboxLayout="default"
|
||||
animationType="fade-in"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
tag="Testimonials"
|
||||
tagIcon={MessageSquare}
|
||||
@@ -174,27 +185,33 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "1", name: "Sarah Chen", handle: "CEO, DataVenture", testimonial:
|
||||
"AIFlow has transformed how we process customer data. The speed and accuracy are unmatched. Our time-to-insight dropped by 70%.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-woman-in-tech-1773321669939-6fd86f6c.png", imageAlt: "Sarah Chen"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-woman-in-tech-1773321669939-6fd86f6c.png", imageAlt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Rodriguez", handle: "CTO, CloudScale", testimonial:
|
||||
"The integration was seamless and the support team is exceptional. This is the enterprise AI solution we've been waiting for.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-man-in-tech-w-1773321669664-bf6fc5bc.png", imageAlt: "Michael Rodriguez"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-man-in-tech-w-1773321669664-bf6fc5bc.png", imageAlt: "Michael Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Watson", handle: "VP Product, TechLabs", testimonial:
|
||||
"We've seen remarkable improvements in model accuracy and deployment speed. AIFlow is mission-critical to our operations.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-woman-with-di-1773321669879-3abea90c.png", imageAlt: "Emily Watson"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-woman-with-di-1773321669879-3abea90c.png", imageAlt: "Emily Watson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "Director, InnovateCorp", testimonial:
|
||||
"Outstanding platform. The custom model training capabilities gave us a competitive edge we didn't think was possible.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-man-in-busine-1773321670204-9ba5b5af.png", imageAlt: "David Kim"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-man-in-busine-1773321670204-9ba5b5af.png", imageAlt: "David Kim"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Thompson", handle: "Head of AI, GlobalTech", testimonial:
|
||||
"The analytics dashboard provides insights we never had access to before. Absolutely game-changing for our data science team.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-woman-with-wa-1773321671792-93502b5e.png", imageAlt: "Jessica Thompson"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-woman-with-wa-1773321671792-93502b5e.png", imageAlt: "Jessica Thompson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "James Park", handle: "Founder, NextGen AI", testimonial:
|
||||
"From security to performance to support, AIFlow exceeds expectations in every category. Highly recommended.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-diverse-man-m-1773321670159-5038d725.png", imageAlt: "James Park"},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqXPwXFh2xHlijMY12k3aMvHoi/professional-headshot-of-a-diverse-man-m-1773321670159-5038d725.png", imageAlt: "James Park"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -215,7 +232,8 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"100,000 API calls/month", "Basic NLP capabilities", "Single model deployment", "Community support", "99.9% uptime SLA"],
|
||||
"100,000 API calls/month", "Basic NLP capabilities", "Single model deployment", "Community support", "99.9% uptime SLA"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
@@ -224,7 +242,8 @@ export default function LandingPage() {
|
||||
{ text: "Talk to Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"5M API calls/month", "Advanced NLP & vision", "Up to 5 custom models", "Priority support", "99.99% uptime SLA", "Custom integrations"],
|
||||
"5M API calls/month", "Advanced NLP & vision", "Up to 5 custom models", "Priority support", "99.99% uptime SLA", "Custom integrations"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise", price: "Custom", name: "Enterprise", buttons: [
|
||||
@@ -232,7 +251,8 @@ export default function LandingPage() {
|
||||
{ text: "Schedule Demo", href: "/demo" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited API calls", "All AI capabilities", "Unlimited custom models", "24/7 dedicated support", "99.99% uptime SLA", "Custom SLA options", "White-label solutions", "On-premises deployment"],
|
||||
"Unlimited API calls", "All AI capabilities", "Unlimited custom models", "24/7 dedicated support", "99.99% uptime SLA", "Custom SLA options", "White-label solutions", "On-premises deployment"
|
||||
],
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
@@ -252,28 +272,36 @@ export default function LandingPage() {
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I get started with AIFlow?", content:
|
||||
"Getting started is simple. Sign up for a free account, follow our quick setup guide, and you can make your first API call in minutes. We provide comprehensive documentation, SDKs for all major languages, and a supportive community to help you along the way."},
|
||||
"Getting started is simple. Sign up for a free account, follow our quick setup guide, and you can make your first API call in minutes. We provide comprehensive documentation, SDKs for all major languages, and a supportive community to help you along the way."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What payment methods do you accept?", content:
|
||||
"We accept all major credit cards (Visa, Mastercard, American Express), wire transfers, and purchase orders for enterprise customers. Monthly and annual billing options are available, with discounts for annual commitments."},
|
||||
"We accept all major credit cards (Visa, Mastercard, American Express), wire transfers, and purchase orders for enterprise customers. Monthly and annual billing options are available, with discounts for annual commitments."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Can I train custom AI models?", content:
|
||||
"Yes! Professional and Enterprise plans include custom model training capabilities. Upload your data, configure training parameters, and deploy your model within hours. Our platform handles all the infrastructure complexity."},
|
||||
"Yes! Professional and Enterprise plans include custom model training capabilities. Upload your data, configure training parameters, and deploy your model within hours. Our platform handles all the infrastructure complexity."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What's your uptime guarantee?", content:
|
||||
"We guarantee 99.9% uptime for Starter plans and 99.99% uptime for Professional and Enterprise plans. Our infrastructure is distributed across multiple regions with automatic failover for maximum reliability."},
|
||||
"We guarantee 99.9% uptime for Starter plans and 99.99% uptime for Professional and Enterprise plans. Our infrastructure is distributed across multiple regions with automatic failover for maximum reliability."
|
||||
},
|
||||
{
|
||||
id: "5", title: "How secure is my data?", content:
|
||||
"Security is paramount. All data is encrypted in transit (TLS 1.2+) and at rest (AES-256). We comply with SOC 2, GDPR, HIPAA, and other major compliance standards. Enterprise customers can opt for dedicated infrastructure and custom security protocols."},
|
||||
"Security is paramount. All data is encrypted in transit (TLS 1.2+) and at rest (AES-256). We comply with SOC 2, GDPR, HIPAA, and other major compliance standards. Enterprise customers can opt for dedicated infrastructure and custom security protocols."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Do you offer API rate limits?", content:
|
||||
"Yes, rate limits depend on your plan. Starter plans have 100 requests/second, Professional plans have 1,000 requests/second, and Enterprise plans have custom limits. We also offer burst allowances and graceful rate limit handling."},
|
||||
"Yes, rate limits depend on your plan. Starter plans have 100 requests/second, Professional plans have 1,000 requests/second, and Enterprise plans have custom limits. We also offer burst allowances and graceful rate limit handling."
|
||||
},
|
||||
{
|
||||
id: "7", title: "Can I integrate with my existing tools?", content:
|
||||
"Absolutely. We have pre-built integrations with 500+ popular platforms including Zapier, Make, Integromat, and more. Custom integrations via webhook or direct API connection are always possible."},
|
||||
"Absolutely. We have pre-built integrations with 500+ popular platforms including Zapier, Make, Integromat, and more. Custom integrations via webhook or direct API connection are always possible."
|
||||
},
|
||||
{
|
||||
id: "8", title: "What kind of support do you provide?", content:
|
||||
"Starter plans include community support via forums and email. Professional plans get priority email support with 4-hour response time. Enterprise customers receive 24/7 dedicated support with assigned account managers and guaranteed SLAs."},
|
||||
"Starter plans include community support via forums and email. Professional plans get priority email support with 4-hour response time. Enterprise customers receive 24/7 dedicated support with assigned account managers and guaranteed SLAs."
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,38 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: string | number;
|
||||
fill?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
fontSize = 32,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
className,
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize} ${fontSize * 1.5}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user