import Link from 'next/link';
import styles from './ServiceCTA.module.css';

export default function ServiceCTA() {
  return (
    <section className={styles.section}>
      <div className={styles.container}>
        <div className={styles.left}>
          <span className={styles.eyebrow}>
            <span className={styles.eyebrowIcon}>✨</span> Ready to Experience It?
          </span>
          <h2 className={styles.title}>
            Let's Make Your Event <em>Special</em>
          </h2>
          <p className={styles.body}>
            Whether you're craving a crispy masala dosa today or planning a feast for 
            200 guests next month, we're here. Reach out and we'll take care of the rest.
          </p>
          <div className={styles.actions}>
            <Link href="/contact" className={styles.btnPrimary}>
              Contact Us
            </Link>
            <Link href="/menu" className={styles.btnSecondary}>
              View Full Menu
            </Link>
          </div>
        </div>

        <div className={styles.right}>
          <div className={styles.card}>
            <h3 className={styles.cardTitle}>Quick Links</h3>
            <ul className={styles.links}>
              <li>
                <a href="#dine-in">
                  <span>🍽️</span> Dine-In Experience
                </a>
              </li>
              <li>
                <a href="#takeout">
                  <span>🚗</span> Takeout & Online Orders
                </a>
              </li>
              <li>
                <a href="#catering">
                  <span>🎉</span> Catering for Events
                </a>
              </li>
              <li>
                <a href="#festival">
                  <span>🪔</span> Festival & Special Menus
                </a>
              </li>
            </ul>
          </div>

          <div className={styles.contactCard}>
            <p className={styles.contactLabel}>Speak to us directly</p>
            <a href="tel:+15191234567" className={styles.phone}>+1 (519) 123-4567</a>
            <p className={styles.contactSub}>Mon – Sun · 10 AM to 9 PM</p>
          </div>
        </div>
      </div>
    </section>
  );
}
