207 lines
12 KiB
TypeScript
207 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Sparkles, TrendingUp, Quote, Award, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Results", id: "metrics" },
|
|
{ name: "Community", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="AIFlow"
|
|
bottomLeftText="Innovation & Design"
|
|
bottomRightText="hello@aiflow.ai"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="The Future of Intelligence"
|
|
description="Harness the power of artificial intelligence to transform your business. Clean, simple, unstoppably powerful."
|
|
tag="AI Innovation"
|
|
tagAnimation="slide-up"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/a-beautiful-minimalist-ai-interface-dash-1773066908427-f344da7d.png"
|
|
imageAlt="AI interface visualization"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
buttons={[
|
|
{ text: "Get Started", href: "contact" },
|
|
{ text: "Learn More", href: "about" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Intelligent solutions" },
|
|
{ type: "text", content: "designed for clarity" },
|
|
]}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Explore Features", href: "features" },
|
|
{ text: "View Docs", href: "https://docs.example.com" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
title="Capabilities"
|
|
description="Experience intelligence that adapts to your workflow"
|
|
tag="Why AIFlow"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Intelligent Automation", description: "Automate complex workflows with AI that learns and adapts to your processes in real time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/an-abstract-illustration-showing-ai-auto-1773066908106-a3a81eda.png?_wi=1"},
|
|
{
|
|
id: "2", title: "Deep Insights", description: "Unlock actionable insights from your data with advanced predictive analytics and pattern recognition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/a-sophisticated-analytics-interface-show-1773066908232-6b055df0.png"},
|
|
{
|
|
id: "3", title: "Seamless Integration", description: "Connect effortlessly with your existing tools and platforms. One unified intelligence layer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/an-illustration-depicting-seamless-integ-1773066907564-001a0698.png"},
|
|
{
|
|
id: "4", title: "Enterprise Security", description: "Your data stays yours. Built on zero-trust architecture with enterprise-grade encryption throughout.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/an-abstract-illustration-showing-ai-auto-1773066908106-a3a81eda.png?_wi=2"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Proven Results"
|
|
description="Join hundreds of companies already transforming their operations with AI"
|
|
tag="Impact"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "4,200+", title: "Companies Transformed", items: ["Global enterprises", "Scale from startup to Fortune 500", "Growing daily"],
|
|
},
|
|
{
|
|
id: "2", value: "87%", title: "Efficiency Improvement", items: ["Average workflow optimization", "Reduced manual processes", "First 30 days"],
|
|
},
|
|
{
|
|
id: "3", value: "2.3M+", title: "Automations Running", items: ["Daily intelligent operations", "Zero downtime", "Seamless execution"],
|
|
},
|
|
{
|
|
id: "4", value: "99.99%", title: "Uptime Guarantee", items: ["Enterprise reliability", "24/7 monitoring", "SLA backed"],
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Loved by Leaders"
|
|
description="Hear from the innovators transforming their industries"
|
|
tag="Customer Stories"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", handle: "@sarahchen", testimonial: "AIFlow completely transformed how we process customer data. We went from 2 weeks to 2 hours for our monthly reports.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/professional-headshot-of-a-confident-fem-1773066907194-5aa6416f.png"},
|
|
{
|
|
id: "2", name: "Michael Torres", handle: "@m_torres", testimonial: "The integration was seamless and the support team understood our complex infrastructure immediately. Highly recommended.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/professional-headshot-of-a-friendly-male-1773066907577-dfc189d0.png"},
|
|
{
|
|
id: "3", name: "Amara Okafor", handle: "@amaratech", testimonial: "As a startup, we needed enterprise-grade AI without the enterprise complexity. AIFlow delivered exactly that.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/professional-headshot-of-a-confident-bla-1773066908542-6277f44e.png"},
|
|
{
|
|
id: "4", name: "David Liu", handle: "@davidliu_", testimonial: "The predictive analytics features have given us competitive advantages we couldn't achieve before. Game changer.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/professional-headshot-of-a-focused-asian-1773066908052-0b6cf682.png"},
|
|
{
|
|
id: "5", name: "Dr. Elena Rodriguez", handle: "@dr_elena", testimonial: "We needed an AI solution that could handle our research workloads. The performance and reliability have been exceptional.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/professional-headshot-of-a-thoughtful-fe-1773066907828-c12cdf27.png"},
|
|
{
|
|
id: "6", name: "James Patterson", handle: "@jpatterson_ceo", testimonial: "Implementing AIFlow was the best technology decision we made this year. ROI was visible in the first quarter.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiCw1FopPY1FVxDCQaIenUCpfc/professional-headshot-of-an-experienced--1773066907762-32959855.png"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Join the companies at the forefront of AI innovation"
|
|
tag="Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
names={["Microsoft", "Google", "Amazon", "OpenAI", "Anthropic", "IBM", "Nvidia", "Tesla"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/gradient-code-logo-with-slogan_23-2148816147.jpg", "http://img.b2bpic.net/free-vector/abstract-background-with-geometric-shapes_23-2147843858.jpg", "http://img.b2bpic.net/free-vector/vintage-copyright-stamps-collection_23-2148695869.jpg", "http://img.b2bpic.net/free-vector/gradient-electronics-logo-collection_23-2148965876.jpg", "http://img.b2bpic.net/free-vector/flat-design-ai-logo-template-collection_23-2148905074.jpg", "http://img.b2bpic.net/free-vector/gradient-colored-data-logo-template_23-2149189479.jpg", "http://img.b2bpic.net/free-vector/technology-linkedin-banner-template_742173-30745.jpg", "http://img.b2bpic.net/free-vector/gradient-t-letter-logo_23-2149375296.jpg"]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
title="Ready to Transform Your Business?"
|
|
description="Join the next generation of intelligent enterprises. Start your free trial today and experience the power of AI designed for clarity."
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "https://app.example.com/signup" },
|
|
{ text: "Schedule Demo", href: "contact" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="AIFlow"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|