From cdd22938d1cc5cb7fddbb6f82c4b29c5ef97b3ec Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 11 Mar 2026 14:19:03 +0000
Subject: [PATCH] Add src/app/workflows/page.tsx

---
 src/app/workflows/page.tsx | 188 +++++++++++++++++++++++++++++++++++++
 1 file changed, 188 insertions(+)
 create mode 100644 src/app/workflows/page.tsx

diff --git a/src/app/workflows/page.tsx b/src/app/workflows/page.tsx
new file mode 100644
index 0000000..3209d48
--- /dev/null
+++ b/src/app/workflows/page.tsx
@@ -0,0 +1,188 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
+import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { Zap, TrendingUp, Clock, CheckCircle } from "lucide-react";
+
+export default function WorkflowsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="compact"
+      sizing="largeSmall"
+      background="blurBottom"
+      cardStyle="outline"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="Abdul Rafay"
+          navItems={[
+            { name: "Work", id: "projects" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Start a Project",            href: "#contact"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroSplitKpi
+          title="Automation Workflows That Drive Results"
+          description="Transform your business operations with intelligent automation workflows. Eliminate repetitive tasks, reduce errors, and scale your processes without adding headcount. Our workflow solutions integrate seamlessly with your existing tools and systems."
+          background={{ variant: "glowing-orb" }}
+          kpis={[
+            { value: "95%+", label: "Task Automation Success" },
+            { value: "40+ hrs", label: "Time Saved Monthly" },
+            { value: "24/7", label: "Continuous Operation" }
+          ]}
+          enableKpiAnimation={true}
+          tag="Workflow Automation"
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "View Case Studies", href: "#projects" },
+            { text: "Schedule Demo", href: "#contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AndPFbpHqBEtlv0fG4wek8eWPV/screenshot-of-a-sophisticated-automation-1773232936102-44b60f1d.png?_wi=1"
+          imageAlt="Workflow Automation System"
+          imagePosition="right"
+          mediaAnimation="slide-up"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwelve
+          title="Workflow Solutions We Provide"
+          description="Comprehensive automation workflows designed to optimize every aspect of your business operations."
+          tag="Workflow Types"
+          tagAnimation="slide-up"
+          features={[
+            {
+              id: "lead-automation",              label: "Lead Generation",              title: "Lead Pipeline Automation",              items: [
+                "Intelligent lead capture and qualification",                "Automated nurturing sequences",                "Smart lead scoring and routing",                "Multi-channel lead integration"
+              ],
+              buttons: [
+                { text: "Learn More", href: "#contact" }
+              ]
+            },
+            {
+              id: "crm-workflows",              label: "CRM Integration",              title: "CRM Automation & Optimization",              items: [
+                "Seamless CRM data synchronization",                "Automated contact management",                "Pipeline stage automation",                "Real-time sales insights"
+              ],
+              buttons: [
+                { text: "Explore CRM", href: "#contact" }
+              ]
+            },
+            {
+              id: "customer-support",              label: "Customer Support",              title: "Automated Support Workflows",              items: [
+                "Ticket routing and prioritization",                "Automated response systems",                "Customer escalation workflows",                "Support analytics and reporting"
+              ],
+              buttons: [
+                { text: "Get Started", href: "#contact" }
+              ]
+            },
+            {
+              id: "business-processes",              label: "Business Operations",              title: "Core Business Process Automation",              items: [
+                "Document processing workflows",                "Invoice and payment automation",                "Approval and compliance workflows",                "Reporting and analytics automation"
+              ],
+              buttons: [
+                { text: "Discover", href: "#contact" }
+              ]
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="projects" data-section="projects">
+        <ProductCardOne
+          title="Workflow Case Studies"
+          description="Real-world implementations showcasing the power of automated workflows."
+          tag="Portfolio"
+          tagAnimation="slide-up"
+          products={[
+            {
+              id: "1",              name: "Lead Pipeline Automation",              price: "50+ leads/day",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AndPFbpHqBEtlv0fG4wek8eWPV/screenshot-of-a-sophisticated-automation-1773232936102-44b60f1d.png?_wi=1",              imageAlt: "Lead Pipeline Workflow"
+            },
+            {
+              id: "2",              name: "Customer Support Automation",              price: "80% reduction",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AndPFbpHqBEtlv0fG4wek8eWPV/modern-web-interface-for-an-ai-content-g-1773232936048-fda19c95.png?_wi=1",              imageAlt: "Support Automation System"
+            },
+            {
+              id: "3",              name: "E-commerce Order Automation",              price: "24/7 processing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AndPFbpHqBEtlv0fG4wek8eWPV/screenshot-of-a-high-end-modern-business-1773232935942-84f134d4.png?_wi=1",              imageAlt: "Order Processing Workflow"
+            }
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardThree
+          title="Workflow Impact"
+          description="Measurable results from our workflow automation implementations."
+          tag="Results"
+          tagAnimation="slide-up"
+          metrics={[
+            {
+              id: "1",              icon: Zap,
+              title: "Process Efficiency",              value: "90%+"
+            },
+            {
+              id: "2",              icon: TrendingUp,
+              title: "Productivity Gain",              value: "5x"
+            },
+            {
+              id: "3",              icon: Clock,
+              title: "Time Saved",              value: "60+ hrs/mo"
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Automate?"
+          tagAnimation="slide-up"
+          title="Transform Your Workflows Today"
+          description="Let's discuss how automation workflows can streamline your operations, reduce manual work, and scale your business efficiently."
+          buttons={[
+            { text: "Send Message", href: "mailto:your-email@example.com?subject=Workflow%20Automation%20Inquiry", onClick: () => window.open("https://mail.google.com/mail/u/0/#inbox?compose=CllgCKCJDpcNVLgLjnmzlfjhpdVpzlhHMczkBTgTPMlCJWbKpnvxftQMXCJXsLrmzvsghmMqHjV", "_blank") }
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Abdul Rafay"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}