const Process = () => {
const ref = React.useRef(null);
const [visible, setVisible] = React.useState(false);
React.useEffect(() => {
const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) setVisible(true); }, { threshold: 0.1 });
if (ref.current) obs.observe(ref.current);
return () => obs.disconnect();
}, []);
const steps = [
{ num: '01', title: 'Discovery & Strategy', desc: 'We start by deeply understanding your business, goals, and constraints. Then we map out a clear technology strategy and project roadmap before writing a single line of code.', icon: },
{ num: '02', title: 'Architecture & Design', desc: 'We design scalable system architecture and high-fidelity UI/UX prototypes. Every technical decision is justified — stack selection, data models, API design, cloud infrastructure.', icon: },
{ num: '03', title: 'Agile Development', desc: 'We build in 2-week sprints with continuous delivery. You see working software early and often — not after 6 months. Every sprint ends with a demo, feedback, and iteration.', icon: },
{ num: '04', title: 'QA & Testing', desc: 'Rigorous automated and manual testing — unit tests, integration tests, performance benchmarks, security audits, and UAT. We don\'t ship untested code.', icon: },
{ num: '05', title: 'Deployment & Launch', desc: 'We handle CI/CD pipelines, cloud provisioning, domain setup, SSL, monitoring, and go-live. Your product launches smoothly with zero-downtime deployments.', icon: },
{ num: '06', title: 'Support & Growth', desc: 'Post-launch, we provide ongoing support, performance monitoring, feature iteration, and scaling assistance. We\'re a long-term partner, not a one-off vendor.', icon: },
];
return (
HOW WE WORK
A process built for clarity and speed
Six proven phases that take your idea from concept to production — with full visibility at every stage.