Merge version_1 into main #6
@@ -4,11 +4,55 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
||||
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Zap } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Customers", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
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: "Support", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Security Policy", href: "#" },
|
||||
{ label: "Compliance", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,206 +66,90 @@ export default function AboutPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "See Your 10-Minute Setup", href: "#contact" }}
|
||||
brandName="OpenFlow AI"
|
||||
navItems={[
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Customers", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "See Your 10-Minute Setup", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About Hero Section */}
|
||||
<div id="about" data-section="about">
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<HeroBillboardTestimonial
|
||||
title="Enterprise AI Automation for Midmarket & Enterprise"
|
||||
description="OpenFlow AI enables companies to deploy intelligent chatbot agents that automate repetitive employee questions across HR, IT, and Finance departments. We're on a mission to transform how enterprises handle support operations."
|
||||
tag="Our Story"
|
||||
description="OpenFlow AI enables companies to deploy intelligent chatbot agents that automate repetitive employee questions across HR, IT, and Finance departments. We believe AI should be accessible, deployable in minutes, and compliant with enterprise security requirements."
|
||||
tag="About Us"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-modern-clean-saas-dashboard-interface--1773154561537-661c1628.png"
|
||||
imageAlt="OpenFlow AI About"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-modern-clean-saas-dashboard-interface--1773158843938-5f63f61a.jpg"
|
||||
imageAlt="OpenFlow AI Platform"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Founded 2024", handle: "OpenFlow AI Inc", testimonial: "Built by operations experts and AI engineers passionate about solving enterprise support challenges at scale.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773154561908-fb0a471a.png"
|
||||
},
|
||||
name: "Founded 2024", handle: "Built for Enterprise", testimonial: "OpenFlow AI was founded with one mission: make enterprise AI deployment simple, fast, and secure. We've helped hundreds of companies reduce support overhead by 65% in their first month.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773158843791-c4e8e4f4.jpg"},
|
||||
{
|
||||
name: "Mission Driven", handle: "Core Values", testimonial: "We believe every enterprise team deserves access to powerful AI automation, regardless of technical expertise or budget constraints.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773154562468-e76be4ee.png"
|
||||
},
|
||||
name: "Our Mission", handle: "Empowering Teams", testimonial: "We're committed to putting powerful AI tools in the hands of enterprise teams, without requiring data scientists or machine learning engineers. Every team deserves access to intelligent automation.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773158838996-2a32a02c.png"},
|
||||
{
|
||||
name: "Customer Focused", handle: "Our Commitment", testimonial: "Every feature, every update, and every decision is made with our customers in mind. Your success is our success.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773154562271-e7fa2e9e.png"
|
||||
},
|
||||
name: "Our Values", handle: "Enterprise First", testimonial: "Security, compliance, and reliability are not afterthoughts—they're core to everything we build. We meet enterprises where they are with SOC 2, HIPAA, and custom deployment options.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773158836415-73e69831.png"},
|
||||
{
|
||||
name: "Future Ready", handle: "Innovation", testimonial: "We're constantly innovating to bring the latest AI capabilities to your enterprise operations at your fingertips.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773154562277-e1364c7b.jpg"
|
||||
},
|
||||
name: "Our Vision", handle: "AI for Everyone", testimonial: "In five years, we envision a world where every enterprise team has instant access to intelligent AI agents tailored to their workflows—no gatekeeping, no waiting, just results.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773158837298-70f8b9eb.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Your 10-Minute Setup", href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "#"
|
||||
},
|
||||
{ text: "Explore Our Team", href: "#" },
|
||||
{ text: "Join Our Team", href: "#" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Mission & Values Section */}
|
||||
<div id="mission" data-section="mission">
|
||||
<div id="about-values" data-section="about-values">
|
||||
<FeatureCardTwelve
|
||||
title="What Drives Us"
|
||||
description="Our commitment to excellence and customer success"
|
||||
tag="Core Values"
|
||||
title="Our Core Values"
|
||||
description="What drives OpenFlow AI forward"
|
||||
tag="Company Culture"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "innovation", label: "Build", title: "Innovation at the Core", items: [
|
||||
"Advanced AI technology", "Continuous research", "State-of-the-art solutions", "Tomorrow's features today"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Explore Tech", href: "#"
|
||||
},
|
||||
],
|
||||
id: "speed", label: "Speed", title: "Fast, Reliable Deployment", items: [
|
||||
"10-minute setup guarantee", "No infrastructure required", "Instant integrations", "Frictionless onboarding"],
|
||||
},
|
||||
{
|
||||
id: "trust", label: "Trust", title: "Security & Compliance", items: [
|
||||
"Enterprise-grade security", "SOC 2 Type II certified", "GDPR compliant", "Data privacy first"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Security Details", href: "#"
|
||||
},
|
||||
],
|
||||
id: "trust", label: "Trust", title: "Enterprise Security & Compliance", items: [
|
||||
"SOC 2 Type II certified", "HIPAA compliant", "End-to-end encryption", "99.9% uptime SLA"],
|
||||
},
|
||||
{
|
||||
id: "partnership", label: "Partner", title: "Your Success Partner", items: [
|
||||
"Dedicated support teams", "Custom implementations", "Ongoing optimization", "Strategic guidance"
|
||||
],
|
||||
id: "impact", label: "Impact", title: "Measurable Business Results", items: [
|
||||
"65% ticket reduction average", "ROI within 30 days", "Scalable cost savings", "Proven customer success"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="OpenFlow AI's team understood our operational challenges immediately. Their platform didn't just meet our expectations—it exceeded them. The partnership has been transformative for our entire organization."
|
||||
rating={5}
|
||||
author="Michael Torres, Chief Operations Officer"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154562085-06e8065d.png", alt: "Team member 1"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562814-b37ac6ef.png", alt: "Team member 2"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562621-12add09e.png", alt: "Team member 3"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154562606-3ba07073.jpg", alt: "Team member 4"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562281-8b0fa2b3.png", alt: "Team member 5"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154564718-495f9123.jpg", alt: "Team member 6"
|
||||
},
|
||||
]}
|
||||
<div id="about-social-proof" data-section="about-social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted Across All Industries"
|
||||
description="Enterprise organizations in finance, healthcare, technology, and services sectors rely on OpenFlow AI"
|
||||
tag="Enterprise Customers"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
names={[
|
||||
"Fortune 500 Tech", "Global Finance Firms", "Healthcare Networks", "Professional Services", "Manufacturing Leaders", "Retail Enterprise", "Energy & Utilities", "Transportation & Logistics"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
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: "Support", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Status", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Security Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Compliance", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2025 OpenFlow AI. All rights reserved."
|
||||
bottomRightText="Powering Enterprise AI Automation"
|
||||
/>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
|
||||
@@ -16,21 +16,24 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "See Your 10-Minute Setup", href: "#contact"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -66,11 +69,9 @@ export default function ContactPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="OpenFlow AI"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "See Your 10-Minute Setup", href: "/contact"
|
||||
}}
|
||||
button={navButton}
|
||||
brandName="OpenFlow AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,46 +79,13 @@ export default function ContactPage() {
|
||||
<ContactText
|
||||
text="Ready to transform your support operations? See your personalized 10-minute setup today and join enterprise teams automating their workflow."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Your 10-Minute Setup", href: "/contact"
|
||||
},
|
||||
text: "See Your 10-Minute Setup", href: "#"},
|
||||
{
|
||||
text: "Schedule a Demo", href: "/contact"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="OpenFlow AI transformed how we handle employee support. What used to take our team days now happens instantly. The ROI was clear within the first month. This is exactly what we needed."
|
||||
rating={5}
|
||||
author="Jennifer Walsh, VP of Operations"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154562085-06e8065d.png", alt: "Team member 1"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562814-b37ac6ef.png", alt: "Team member 2"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562621-12add09e.png", alt: "Team member 3"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154562606-3ba07073.jpg", alt: "Team member 4"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562281-8b0fa2b3.png", alt: "Team member 5"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154564718-495f9123.jpg", alt: "Team member 6"
|
||||
},
|
||||
text: "Schedule a Demo", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,8 +100,7 @@ export default function ContactPage() {
|
||||
speed={40}
|
||||
showCard={true}
|
||||
names={[
|
||||
"TechCorp", "CloudScale", "FinFlow", "Enterprise Solutions", "Innovation Labs", "Global Services", "Digital Systems", "Future Tech"
|
||||
]}
|
||||
"TechCorp", "CloudScale", "FinFlow", "Enterprise Solutions", "Innovation Labs", "Global Services", "Digital Systems", "Future Tech"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
264
src/app/page.tsx
264
src/app/page.tsx
@@ -11,10 +11,53 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { TrendingUp, Clock, Users, DollarSign, Sparkles, Zap } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { Zap, TrendingUp, Clock, Users, DollarSign, Sparkles } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Customers", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
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: "Support", href: "#" },
|
||||
{ label: "Status", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Security Policy", href: "#" },
|
||||
{ label: "Compliance", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -28,24 +71,14 @@ export default function HomePage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "See Your 10-Minute Setup", href: "#contact" }}
|
||||
brandName="OpenFlow AI"
|
||||
navItems={[
|
||||
{ name: "Product", id: "product" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Customers", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "See Your 10-Minute Setup", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
title="Deploy AI agents Answer questions Never again"
|
||||
@@ -53,42 +86,33 @@ export default function HomePage() {
|
||||
tag="Enterprise SaaS"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-modern-clean-saas-dashboard-interface--1773154561537-661c1628.png"
|
||||
background={{ variant: "floatingGradient" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-modern-clean-saas-dashboard-interface--1773158843938-5f63f61a.jpg"
|
||||
imageAlt="OpenFlow AI Dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen", handle: "HR Director, TechCorp", testimonial: "OpenFlow AI reduced our HR ticket volume by 65% in the first month. Our team can now focus on strategic initiatives.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773154562468-e76be4ee.png"
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773158838996-2a32a02c.png"},
|
||||
{
|
||||
name: "Marcus Johnson", handle: "IT Head, CloudScale", testimonial: "Password resets and access requests are now instant. Our support team has never been happier.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773154561908-fb0a471a.png"
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773158843791-c4e8e4f4.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez", handle: "Finance Manager, FinFlow", testimonial: "Expense approvals that took 2 days now complete in minutes. The ROI was immediate.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773154562271-e7fa2e9e.png"
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-woma-1773158836415-73e69831.png"},
|
||||
{
|
||||
name: "David Kim", handle: "COO, Enterprise Solutions", testimonial: "The no-code setup was remarkable. We were live with our first bot in under 10 minutes.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773154562277-e1364c7b.jpg"
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/professional-headshot-portrait-of-a-man--1773158837298-70f8b9eb.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Your 10-Minute Setup", href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Watch Demo", href: "https://example.com/demo"
|
||||
},
|
||||
{ text: "See Your 10-Minute Setup", href: "#contact" },
|
||||
{ text: "Watch Demo", href: "https://example.com/demo" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Product Section */}
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
title="AI Agents for Every Department"
|
||||
@@ -100,22 +124,18 @@ export default function HomePage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "OpenFlow", name: "HR Agent", price: "Benefits Inquiry", rating: 5,
|
||||
reviewCount: "10k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-clean-modern-interface-screen-showing--1773154562832-2e4b1741.png", imageAlt: "HR Agent Interface"
|
||||
},
|
||||
reviewCount: "10k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-clean-modern-interface-screen-showing--1773158837446-b969f948.png", imageAlt: "HR Agent Interface"},
|
||||
{
|
||||
id: "2", brand: "OpenFlow", name: "IT Agent", price: "Access & Support", rating: 5,
|
||||
reviewCount: "8.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-sleek-it-support-dashboard-interface-s-1773154564104-9391b699.png", imageAlt: "IT Agent Interface"
|
||||
},
|
||||
reviewCount: "8.5k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-sleek-it-support-dashboard-interface-s-1773158837039-e706c0c2.png", imageAlt: "IT Agent Interface"},
|
||||
{
|
||||
id: "3", brand: "OpenFlow", name: "Finance Agent", price: "Approval Workflow", rating: 5,
|
||||
reviewCount: "7.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-professional-finance-dashboard-showing-1773154562106-b1a6949b.jpg", imageAlt: "Finance Agent Interface"
|
||||
},
|
||||
reviewCount: "7.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/a-professional-finance-dashboard-showing-1773158843254-5364a9ce.jpg", imageAlt: "Finance Agent Interface"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Features Section */}
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
title="Why Enterprise Teams Choose OpenFlow"
|
||||
@@ -127,34 +147,22 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: "deployment", label: "10 Min", title: "Deploy in Minutes, Not Months", items: [
|
||||
"No code required", "Pre-built templates", "Instant configuration", "Live within 10 minutes"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "See Demo", href: "https://example.com/demo"
|
||||
},
|
||||
],
|
||||
"No code required", "Pre-built templates", "Instant configuration", "Live within 10 minutes"],
|
||||
buttons: [{ text: "See Demo", href: "https://example.com/demo" }],
|
||||
},
|
||||
{
|
||||
id: "policy", label: "Smart", title: "Policy-Based AI Responses", items: [
|
||||
"Upload company policies", "Context-aware answers", "Compliance guaranteed", "Zero hallucinations"
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn More", href: "#"
|
||||
},
|
||||
],
|
||||
"Upload company policies", "Context-aware answers", "Compliance guaranteed", "Zero hallucinations"],
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "integration", label: "Seamless", title: "Deploy Across Your Stack", items: [
|
||||
"Slack integration", "Intranet deployment", "Website widgets", "API-first architecture"
|
||||
],
|
||||
"Slack integration", "Intranet deployment", "Website widgets", "API-first architecture"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Metrics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
title="OpenFlow AI Impact"
|
||||
@@ -166,25 +174,20 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: TrendingUp,
|
||||
title: "Ticket Reduction", value: "65%"
|
||||
},
|
||||
title: "Ticket Reduction", value: "65%"},
|
||||
{
|
||||
id: "2", icon: Clock,
|
||||
title: "Time to Deploy", value: "<10 min"
|
||||
},
|
||||
title: "Time to Deploy", value: "<10 min"},
|
||||
{
|
||||
id: "3", icon: Users,
|
||||
title: "Employee Adoption", value: "94%"
|
||||
},
|
||||
title: "Employee Adoption", value: "94%"},
|
||||
{
|
||||
id: "4", icon: DollarSign,
|
||||
title: "Cost Savings", value: "45%"
|
||||
},
|
||||
title: "Cost Savings", value: "45%"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Pricing Section */}
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Simple, Transparent Pricing"
|
||||
@@ -196,49 +199,33 @@ export default function HomePage() {
|
||||
plans={[
|
||||
{
|
||||
id: "1", price: "Custom", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Learn More", href: "#"
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Learn More", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"1 AI Agent", "Up to 1,000 queries/month", "Slack integration", "Email support", "30-day onboarding"
|
||||
],
|
||||
"1 AI Agent", "Up to 1,000 queries/month", "Slack integration", "Email support", "30-day onboarding"],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "Custom", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Chat with Sales", href: "contact"
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Chat with Sales", href: "#contact" },
|
||||
],
|
||||
features: [
|
||||
"Up to 3 AI Agents", "Unlimited queries", "All channels (Slack, intranet, web)", "Priority support", "Custom integrations", "Analytics dashboard"
|
||||
],
|
||||
"Up to 3 AI Agents", "Unlimited queries", "All channels (Slack, intranet, web)", "Priority support", "Custom integrations", "Analytics dashboard"],
|
||||
},
|
||||
{
|
||||
id: "3", price: "Custom", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Sales", href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Schedule Demo", href: "contact"
|
||||
},
|
||||
{ text: "Contact Sales", href: "#contact" },
|
||||
{ text: "Schedule Demo", href: "#contact" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI Agents", "White-label deployment", "Advanced security & compliance", "Dedicated success manager", "Custom training", "SLA guarantee (99.9% uptime)"
|
||||
],
|
||||
"Unlimited AI Agents", "White-label deployment", "Advanced security & compliance", "Dedicated success manager", "Custom training", "SLA guarantee (99.9% uptime)"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="OpenFlow AI transformed how we handle employee support. What used to take our team days now happens instantly. The ROI was clear within the first month. This is exactly what we needed."
|
||||
@@ -249,28 +236,21 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154562085-06e8065d.png", alt: "Team member 1"
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773158843356-07c7132a.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562814-b37ac6ef.png", alt: "Team member 2"
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773158837490-915263bb.png", alt: "Team member 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562621-12add09e.png", alt: "Team member 3"
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773158839600-470e1c22.png", alt: "Team member 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154562606-3ba07073.jpg", alt: "Team member 4"
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773158844787-cceef96d.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773154562281-8b0fa2b3.png", alt: "Team member 5"
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-profes-1773158837766-60decb90.png", alt: "Team member 5"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773154564718-495f9123.jpg", alt: "Team member 6"
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Al5lXq4FuvVTsncx15643rVlte/small-circular-profile-photo-of-a-divers-1773158837237-24071b8c.png", alt: "Team member 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Social Proof Section */}
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Leading Enterprises"
|
||||
@@ -281,98 +261,26 @@ export default function HomePage() {
|
||||
speed={40}
|
||||
showCard={true}
|
||||
names={[
|
||||
"TechCorp", "CloudScale", "FinFlow", "Enterprise Solutions", "Innovation Labs", "Global Services", "Digital Systems", "Future Tech"
|
||||
]}
|
||||
"TechCorp", "CloudScale", "FinFlow", "Enterprise Solutions", "Innovation Labs", "Global Services", "Digital Systems", "Future Tech"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your support operations? See your personalized 10-minute setup today and join enterprise teams automating their workflow."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Your 10-Minute Setup", href: "contact"
|
||||
},
|
||||
{
|
||||
text: "Schedule a Demo", href: "contact"
|
||||
},
|
||||
{ text: "See Your 10-Minute Setup", href: "#" },
|
||||
{ text: "Schedule a Demo", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
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: "Support", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Status", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Security Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Compliance", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2025 OpenFlow AI. All rights reserved."
|
||||
bottomRightText="Powering Enterprise AI Automation"
|
||||
/>
|
||||
|
||||
@@ -1,12 +1,13 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { TrendingUp, Clock, Users, DollarSign, Sparkles } from "lucide-react";
|
||||
import { Sparkles, TrendingUp, Clock, Users, DollarSign } from "lucide-react";
|
||||
|
||||
export default function PricingPage() {
|
||||
const navItems = [
|
||||
@@ -17,21 +18,24 @@ export default function PricingPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "See Your 10-Minute Setup", href: "#contact-cta"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "#contact-cta" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -67,11 +71,9 @@ export default function PricingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="OpenFlow AI"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "See Your 10-Minute Setup", href: "/contact"
|
||||
}}
|
||||
button={navButton}
|
||||
brandName="OpenFlow AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,50 +83,41 @@ export default function PricingPage() {
|
||||
{
|
||||
id: "1", price: "Custom", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "/contact"
|
||||
},
|
||||
text: "Get Started", href: "#contact-cta"},
|
||||
{
|
||||
text: "Learn More", href: "#"
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"1 AI Agent", "Up to 1,000 queries/month", "Slack integration", "Email support", "30-day onboarding"
|
||||
],
|
||||
"1 AI Agent", "Up to 1,000 queries/month", "Slack integration", "Email support", "30-day onboarding"],
|
||||
},
|
||||
{
|
||||
id: "2", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "Custom", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Get Started", href: "/contact"
|
||||
},
|
||||
text: "Get Started", href: "#contact-cta"},
|
||||
{
|
||||
text: "Chat with Sales", href: "/contact"
|
||||
},
|
||||
text: "Chat with Sales", href: "#contact-cta"},
|
||||
],
|
||||
features: [
|
||||
"Up to 3 AI Agents", "Unlimited queries", "All channels (Slack, intranet, web)", "Priority support", "Custom integrations", "Analytics dashboard"
|
||||
],
|
||||
"Up to 3 AI Agents", "Unlimited queries", "All channels (Slack, intranet, web)", "Priority support", "Custom integrations", "Analytics dashboard"],
|
||||
},
|
||||
{
|
||||
id: "3", price: "Custom", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Contact Sales", href: "/contact"
|
||||
},
|
||||
text: "Contact Sales", href: "#contact-cta"},
|
||||
{
|
||||
text: "Schedule Demo", href: "/contact"
|
||||
},
|
||||
text: "Schedule Demo", href: "#contact-cta"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI Agents", "White-label deployment", "Advanced security & compliance", "Dedicated success manager", "Custom training", "SLA guarantee (99.9% uptime)"
|
||||
],
|
||||
"Unlimited AI Agents", "White-label deployment", "Advanced security & compliance", "Dedicated success manager", "Custom training", "SLA guarantee (99.9% uptime)"],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your enterprise needs"
|
||||
tag="Pricing Plans"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,43 +126,37 @@ export default function PricingPage() {
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: TrendingUp,
|
||||
title: "Ticket Reduction", value: "65%"
|
||||
},
|
||||
title: "Ticket Reduction", value: "65%"},
|
||||
{
|
||||
id: "2", icon: Clock,
|
||||
title: "Time to Deploy", value: "<10 min"
|
||||
},
|
||||
title: "Time to Deploy", value: "<10 min"},
|
||||
{
|
||||
id: "3", icon: Users,
|
||||
title: "Employee Adoption", value: "94%"
|
||||
},
|
||||
title: "Employee Adoption", value: "94%"},
|
||||
{
|
||||
id: "4", icon: DollarSign,
|
||||
title: "Cost Savings", value: "45%"
|
||||
},
|
||||
title: "Cost Savings", value: "45%"},
|
||||
]}
|
||||
title="OpenFlow AI Impact"
|
||||
description="Measurable results across enterprise deployments"
|
||||
tag="Performance"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactText
|
||||
text="Ready to transform your support operations? See your personalized 10-minute setup today and join enterprise teams automating their workflow."
|
||||
animationType="background-highlight"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Your 10-Minute Setup", href: "/contact"
|
||||
},
|
||||
text: "See Your 10-Minute Setup", href: "#"},
|
||||
{
|
||||
text: "Schedule a Demo", href: "/contact"
|
||||
},
|
||||
text: "Schedule a Demo", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user