"use client"; import React, { useState } from 'react'; import Link from 'next/link'; import GsapReveal from '@/components/common/GsapReveal'; import ContactPopup from '@/components/common/ContactPopup/ContactPopup'; const Work = () => { const [isContactOpen, setIsContactOpen] = useState(false); return ( <>
{/* LEFT: Full Image */}
How It Works
{/* RIGHT: Heading + Paragraph + Steps List + CTA */}
How It Works

Why Our Websites Stand Out

{/*

At MetatronCube, we make IT simple. Our proven four-step process ensures every engagement — from initial consultation to ongoing support — is transparent, efficient, and tailored to deliver measurable results for your business.

*/}
{/* Step List */}
{[ { img: '/assets/img/home/section5/conversion-2.webp', title: 'Conversion-Focused Strategy', desc: 'We build websites that are designed to generate leads and sales.' }, { img: '/assets/img/home/section5/mobile-2.webp', title: 'Mobile-First Development', desc: 'Fully responsive across mobile, tablet, and desktop.' }, { img: '/assets/img/home/section5/seo-2.webp', title: 'SEO-Optimized Structure', desc: 'Built with clean code and optimized for search engine visibility.' }, { img: '/assets/img/home/section5/fast.webp', title: 'Fast Loading Speed', desc: 'Performance-optimized websites that load in under 3 seconds.' }, { img: '/assets/img/home/section5/secure.webp', title: 'Secure & Scalable', desc: ' Secure architecture designed to grow with your business.' }, { img: '/assets/img/home/section5/marketing.webp', title: 'Marketing-Ready Integration', desc: 'Facebook Pixel, Google Analytics, CRM & Automation ready.' }, ].map((step, i) => (
{step.title}

{step.title}

{step.desc}

))}
setIsContactOpen(false)} /> ); }; export default Work;