Update src/app/about/page.tsx
This commit is contained in:
@@ -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,98 @@ 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"
|
||||
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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user