254 lines
14 KiB
TypeScript
254 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import { Award, Package, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="AIFlow"
|
|
navItems={[
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="The Future of Work is Here"
|
|
description="Empower your team with intelligent automation. AIFlow transforms how enterprises process data, make decisions, and scale operations with cutting-edge artificial intelligence."
|
|
background={{ variant: "plain" }}
|
|
tag="AI-Powered Enterprise"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "#" },
|
|
{ text: "View Demo", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/a-sleek-minimalist-ai-dashboard-interfac-1773926425315-52bd46e0.png"
|
|
imageAlt="AIFlow Dashboard Interface"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Sarah Chen", handle: "@sarahchen_ceo", testimonial: "AIFlow reduced our data processing time by 80%. Game-changing for enterprise operations.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-headshot-of-a-confident-tec-1773926422474-018dea73.png", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
name: "Marcus Johnson", handle: "@mjohnson_tech", testimonial: "The most intuitive AI platform we've ever implemented. Our team was productive in days.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-headshot-of-a-female-tech-l-1773926424403-b0821c43.png", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
name: "Elena Rodriguez", handle: "@erodriguez_pm", testimonial: "AIFlow's analytics capabilities are unmatched. ROI was immediately visible.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-portrait-of-a-software-engi-1773926423239-0018d4e2.png", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
name: "David Park", handle: "@dpark_executive", testimonial: "Enterprise-grade AI that actually works. Highly recommended for organizations scaling fast.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-headshot-of-a-product-manag-1773926422788-a6d1e860.png", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Built for enterprises that demand excellence" },
|
|
{ type: "text", content: "AIFlow combines cutting-edge machine learning with enterprise-grade infrastructure. We help organizations unlock the full potential of their data through intelligent automation, predictive analytics, and actionable insights. Trusted by Fortune 500 companies worldwide." }
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Powerful Capabilities"
|
|
description="AIFlow provides comprehensive tools designed for modern enterprises. Each feature is engineered for scale, security, and seamless integration."
|
|
tag="Enterprise Features"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "automation", title: "Intelligent Automation", author: "AI Core", description: "Automate complex workflows with machine learning. Reduce manual work by up to 90% while improving accuracy and consistency across operations.", tags: ["ML", "Automation", "Efficiency"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/abstract-visualization-of-ai-automation--1773926424070-335b6997.png", imageAlt: "Automation Workflow"
|
|
},
|
|
{
|
|
id: "analytics", title: "Advanced Analytics", author: "Data Intelligence", description: "Transform raw data into actionable insights. Real-time dashboards provide deep visibility into business metrics and predictive analytics.", tags: ["Analytics", "BI", "Insights"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/modern-analytics-dashboard-with-real-tim-1773926423953-a35338e7.png", imageAlt: "Analytics Dashboard"
|
|
},
|
|
{
|
|
id: "security", title: "Enterprise Security", author: "Security Team", description: "Bank-grade encryption and compliance. SOC 2 certified with advanced threat detection and audit trails for complete peace of mind.", tags: ["Security", "Compliance", "Privacy"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/abstract-digital-security-concept-with-l-1773926423015-e39fe1d6.png", imageAlt: "Security Protection"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Our Product Suite"
|
|
description="Integrated solutions designed to work seamlessly together. From data processing to predictive analytics, AIFlow covers the entire enterprise AI lifecycle."
|
|
tag="Product Ecosystem"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "core", brand: "AIFlow", name: "AIFlow Core", price: "Enterprise", rating: 5,
|
|
reviewCount: "1,240 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/premium-ai-core-product-display-sleek-in-1773926424561-8abf7ad8.png", imageAlt: "AIFlow Core Platform"
|
|
},
|
|
{
|
|
id: "analytics", brand: "AIFlow", name: "AIFlow Analytics", price: "Enterprise", rating: 5,
|
|
reviewCount: "890 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/advanced-analytics-product-visualization-1773926424541-ca6a68ca.png", imageAlt: "AIFlow Analytics Platform"
|
|
},
|
|
{
|
|
id: "integration", brand: "AIFlow", name: "AIFlow Connect", price: "Enterprise", rating: 5,
|
|
reviewCount: "650 reviews", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/api-integration-and-ecosystem-visualizat-1773926423878-16821247.png", imageAlt: "AIFlow Integration Platform"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Proven Results"
|
|
tag="Impact Metrics"
|
|
tagAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "customers", value: "500+", description: "Enterprise customers worldwide" },
|
|
{ id: "processing", value: "10B+", description: "Data points processed daily" },
|
|
{ id: "uptime", value: "99.99%", description: "Platform uptime SLA" },
|
|
{ id: "teams", value: "2,000+", description: "Teams using AIFlow" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Trusted by Leading Enterprises"
|
|
description="See how industry leaders are transforming their operations with AIFlow."
|
|
tag="Customer Stories"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="bento-grid"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "Chief Technology Officer", company: "TechCorp Global", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-headshot-of-a-confident-tec-1773926422474-018dea73.png", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "VP of Operations", company: "Enterprise Solutions Inc", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-headshot-of-a-female-tech-l-1773926424403-b0821c43.png", imageAlt: "Marcus Johnson"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "Head of Data", company: "DataFirst Analytics", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-portrait-of-a-software-engi-1773926423239-0018d4e2.png", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Park", role: "Executive Director", company: "Innovation Labs", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/professional-headshot-of-a-product-manag-1773926422788-a6d1e860.png", imageAlt: "David Park"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to Transform Your Enterprise with AI?"
|
|
animationType="entrance-slide"
|
|
background={{ variant: "fluid" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Schedule Demo", href: "#" },
|
|
{ text: "Contact Sales", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAKHhOKjbQS1jzbM8khrdTeaxY/abstract-ai-and-technology-visualization-1773926422928-07322ae2.png"
|
|
imageAlt="AIFlow Technology"
|
|
logoText="AIFlow"
|
|
copyrightText="© 2025 AIFlow. 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: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "API Reference", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Support", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Compliance", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|