import Link from 'next/link';
import Image from 'next/image';
import { Camera, Play, MessageSquare } from 'lucide-react';
import styles from './Footer.module.css';

export default function Footer() {
  return (
    <footer className={styles.footer}>
      <div className={styles.container}>
        <div className={styles.grid}>
          <div className={styles.branding}>
            <div className={styles.logoImg}>
              <Image src="/hondavert_logo.png" alt="HondaVert" width={150} height={44} />
            </div>
            <p className={styles.description}>
              PRECISION ENGINEERING FOR THE MODERN HONDA ENTHUSIAST. BUILT FOR THE TRACK, REFINED IN THE GARAGE.
            </p>
            <div className={styles.socials}>
              <Camera size={18} />
              <Play size={18} />
              <MessageSquare size={18} />
            </div>
          </div>

          <div className={styles.links}>
            <div className={styles.col}>
              <h4>PRODUCT</h4>
              <Link href="#">SUPPORT</Link>
              <Link href="#">PRIVACY POLICY</Link>
              <Link href="#">TERMS OF SERVICE</Link>
            </div>
            <div className={styles.col}>
              <h4>CONNECT</h4>
              <Link href="#">NEWSLETTER</Link>
              <Link href="#">CONTACT</Link>
            </div>
          </div>

          <div className={styles.status}>
            <div className={styles.statusBox}>
               <div className={styles.statusLine}>
                  <span className={styles.dot}></span>
                  <strong>SERVER ONLINE</strong>
               </div>
               <p>GLOBAL NET NODE 0863</p>
            </div>
          </div>
        </div>

        <div className={styles.bottom}>
          <div className={styles.copyright}>
            © 2026 HONDA VERT PRECISION ENGINEERING. ALL RIGHTS RESERVED.
          </div>
          <div className={styles.coords}>
             LAT: 35.6895° N | LON: 139.6917° E
          </div>
        </div>
      </div>
    </footer>
  );
}
