'use client';

import { motion } from 'framer-motion';
import Image from 'next/image';
import { Radio, ShieldCheck } from 'lucide-react';
import styles from './Features.module.css';

export default function Features() {
  return (
    <section className={styles.section}>
      <div className={styles.container}>
        <div className={styles.grid}>
          <div className={styles.left}>
            <h2 className={styles.title}>
              THE PRECISION <br />
              <span className={styles.outline}>DIFFERENCE</span>
            </h2>

            <div className={styles.featureList}>
              <div className={styles.feature}>
                <div className={styles.iconBox}>
                   <Radio className={styles.red} size={20} />
                </div>
                <div className={styles.content}>
                  <h3>REAL-TIME TELEMETRY</h3>
                  <p>Stream live engine data with zero latency directly to your workstation for surgical tuning precision.</p>
                </div>
              </div>

              <div className={styles.feature}>
                <div className={styles.iconBox}>
                   <ShieldCheck className={styles.red} size={20} />
                </div>
                <div className={styles.content}>
                  <h3>FAIL-SAFE RECOVERY</h3>
                  <p>Advanced brick-protection logic ensures your ECU remains accessible even in the event of power interruption.</p>
                </div>
              </div>
            </div>
          </div>

          <div className={styles.right}>
            <div className={styles.imageWrapper}>
              <Image 
                src="/ecu_kpro.png" 
                alt="ECU Detail" 
                width={800} 
                height={600}
                className={styles.detailImg}
              />
              <div className={styles.buildQuality}>
                 <strong>BUILD QUALITY</strong>
                 <p>"Engineered for the workshop environment. Anodized aluminum housing with reinforced strain-relief cabling."</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
