From 0dea8ab6cd5f521e617259dc03defb5af9396e6d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:20:27 +0000
Subject: [PATCH 1/4] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 232 +++++++++++++++--------------------------
 1 file changed, 84 insertions(+), 148 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 3c06280..f27428a 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -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"
         />

From 00881a200a8665856b17f2d61eeded39c0d82954 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:20:28 +0000
Subject: [PATCH 2/4] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 57 ++++++++++------------------------------
 1 file changed, 14 insertions(+), 43 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ae36c71..f498f5f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -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,25 @@ 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 +70,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,45 +80,14 @@ 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: "sparkles-gradient" }}
           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: "#"
             },
           ]}
         />

From 3841d8f25a069c2cd5133a27f47c990f6f3d6cd1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:20:29 +0000
Subject: [PATCH 3/4] Update src/app/page.tsx

---
 src/app/page.tsx | 216 ++++++++++++++++-------------------------------
 1 file changed, 74 insertions(+), 142 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index daf77f4..460c3c9 100644
--- a/src/app/page.tsx
+++ b/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"
@@ -54,41 +87,36 @@ export default function HomePage() {
           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"
+          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 +128,21 @@ 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"
@@ -129,21 +156,13 @@ export default function HomePage() {
               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"
-                },
-              ],
+              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: "#"
-                },
-              ],
+              buttons: [{ text: "Learn More", href: "#" }],
             },
             {
               id: "integration",              label: "Seamless",              title: "Deploy Across Your Stack",              items: [
@@ -154,7 +173,6 @@ export default function HomePage() {
         />
       </div>
 
-      {/* Metrics Section */}
       <div id="metrics" data-section="metrics">
         <MetricCardThree
           title="OpenFlow AI Impact"
@@ -184,7 +202,6 @@ export default function HomePage() {
         />
       </div>
 
-      {/* Pricing Section */}
       <div id="pricing" data-section="pricing">
         <PricingCardThree
           title="Simple, Transparent Pricing"
@@ -196,12 +213,8 @@ 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"
@@ -210,12 +223,8 @@ export default function HomePage() {
             {
               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"
@@ -223,12 +232,8 @@ export default function HomePage() {
             },
             {
               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)"
@@ -238,7 +243,6 @@ export default function HomePage() {
         />
       </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 +253,27 @@ 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"
@@ -286,93 +289,22 @@ export default function HomePage() {
         />
       </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: "sparkles-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            {
-              text: "See Your 10-Minute Setup",              href: "contact"
-            },
-            {
-              text: "Schedule a Demo",              href: "contact"
-            },
+            { text: "See Your 10-Minute Setup", href: "contact" },
+            { text: "Schedule a Demo", href: "contact" },
           ]}
         />
       </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"
         />

From 5436ef4a9d474f38327715b3bb8b0fc3442f7441 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 16:20:30 +0000
Subject: [PATCH 4/4] Update src/app/pricing/page.tsx

---
 src/app/pricing/page.tsx | 43 +++++++++++++++++++++-------------------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 69b537f..08a0f82 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -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,25 @@ 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 +72,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,7 +84,7 @@ 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: "#"
@@ -95,10 +98,10 @@ export default function PricingPage() {
               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: [
@@ -108,10 +111,10 @@ export default function PricingPage() {
             {
               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: [
@@ -123,8 +126,8 @@ export default function PricingPage() {
           description="Choose the plan that fits your enterprise needs"
           tag="Pricing Plans"
           textboxLayout="default"
-          animationType="slide-up"
           useInvertedBackground={false}
+          animationType="slide-up"
         />
       </div>
 
@@ -152,23 +155,23 @@ export default function PricingPage() {
           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: "sparkles-gradient" }}
           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: "#"
             },
           ]}
         />