<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Automation Workflows</title>
<style>
*{
box-sizing:border-box;
margin:0;
padding:0;
font-family:system-ui;
}
body{
background:#020617;
color:white;
}
.container{
max-width:1100px;
margin:auto;
padding:90px 20px;
}
.hero{
text-align:center;
}
.hero h1{
font-size:56px;
line-height:1.1;
background:linear-gradient(90deg,#60a5fa,#a78bfa);
-webkit-background-clip:text;
color:transparent;
}
.hero p{
margin-top:20px;
font-size:20px;
color:#94a3b8;
}
.button{
display:inline-block;
margin-top:30px;
background:linear-gradient(90deg,#3b82f6,#6366f1);
padding:14px 28px;
border-radius:8px;
text-decoration:none;
color:white;
font-weight:600;
transition:0.3s;
}
.button:hover{
transform:translateY(-2px);
}
.stats{
display:flex;
gap:20px;
margin-top:60px;
flex-wrap:wrap;
}
.card{
flex:1;
background:#0f172a;
padding:30px;
border-radius:14px;
border:1px solid #1e293b;
}
.card h2{
font-size:28px;
margin-bottom:6px;
}
.section-title{
font-size:36px;
margin-bottom:40px;
text-align:center;
}
.grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
.feature{
background:#0f172a;
padding:35px;
border-radius:14px;
border:1px solid #1e293b;
transition:0.3s;
}
.feature:hover{
transform:translateY(-6px);
}
.feature h3{
margin-bottom:10px;
}
.feature p{
color:#94a3b8;
}
.steps{
margin-top:40px;
}
.step{
background:#0f172a;
padding:30px;
border-radius:14px;
margin-bottom:20px;
border:1px solid #1e293b;
}
.step h3{
margin-bottom:8px;
}
.step p{
color:#94a3b8;
}
.cta{
text-align:center;
}
.cta h2{
font-size:40px;
}
.cta p{
margin-top:15px;
color:#94a3b8;
}
.footer{
text-align:center;
padding:40px;
color:#64748b;
font-size:14px;
}
@media(max-width:800px){
.hero h1{
font-size:40px;
}
.grid{
grid-template-columns:1fr;
}
}
</style>
</head>
<body>
<div class="container hero">
<h1>
Replace Manual Workflows
With Smart Automation
</h1>
<p>
We design automation workflows that eliminate repetitive manual tasks,
reduce operational friction, and save hundreds of hours of work.
</p>
<a class="button">Book Consultation</a>
<div class="stats">
<div class="card">
<h2>20–40h</h2>
<p>Weekly hours saved</p>
</div>
<div class="card">
<h2>Low Risk</h2>
<p>Controlled rollouts</p>
</div>
<div class="card">
<h2>High ROI</h2>
<p>Operational efficiency</p>
</div>
</div>
</div>
<div class="container">
<h2 class="section-title">
Practical Automation For Modern Operations
</h2>
<div class="grid">
<div class="feature">
<h3>Save Hours Weekly</h3>
<p>
Automate repetitive operational tasks so your team can focus
on high-value work instead of manual processing.
</p>
</div>
<div class="feature">
<h3>Low-Risk Deployment</h3>
<p>
Every automation workflow is tested and rolled out gradually
to ensure stability.
</p>
</div>
<div class="feature">
<h3>Resource Efficiency</h3>
<p>
Reduce operational waste and eliminate process bottlenecks.
</p>
</div>
<div class="feature">
<h3>Custom Automation</h3>
<p>
Automation systems tailored to your organization’s workflows.
</p>
</div>
</div>
</div>
<div class="container">
<h2 class="section-title">
How It Works
</h2>
<div class="steps">
<div class="step">
<h3>Workflow Discovery</h3>
<p>
We analyze your processes and identify high-impact automation opportunities.
</p>
</div>
<div class="step">
<h3>Pilot Automation</h3>
<p>
A small automation workflow is built and tested with your team.
</p>
</div>
<div class="step">
<h3>Scale & Optimize</h3>
<p>
Once validated, automation is expanded across operations.
</p>
</div>
</div>
</div>
<div class="container cta">
<h2>
Tell Us Your Manual Workflow
</h2>
<p>
We'll design a safer, faster automation system.
</p>
<a class="button">Request Automation Assessment</a>
</div>
<div class="footer">
© 2026 Automation Workflows
</div>
</body>
</html>