Add src/app/workflows/page.tsx
This commit is contained in:
188
src/app/workflows/page.tsx
Normal file
188
src/app/workflows/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user